Background avec float [Résolu]

Bonjour,

tout d'abords avant de poser ma question, je tiens à préciser que votre site m'a permis les 3/4 des réalisations en css de mon site. (auparavant je faisais tout en tableau - pour ce payer une bonne tranche de rire http://www.yankeedelta.com/2/).
De plus avant de lâcher un message ici, j'ai tout de même recherché une réponse Faq,w3c.... mais je n'ai pas trouvé. Donc je me permet de poser ma question.

Mon site est fait avec une suite de div en float left; notamment pour la liste des articles. Je n'arrive pas à avoir un fond blanc sur la partie centrale qui s'adapte à la taille du nombre d'articles. Mon fond blanc s'arrête avant les articles or je souhaiterais qu'il aille non pas à 100% mais seulement jusqu'à la fin des articles. Auquel j'ajouterais ensuite un pied de page (donc ce pied de page, en fonction du nombre d'article, ne sera pas forcement positionner dans le bas de page.). (j'espère être clair )
vous comprendrez mieux en voyant la gueule du "bouzin" http://www.yankeedelta.com/tlibre .
voir aussi la rubrique flotte pour situer aussi le problème.

Merci d'avance.
Modifié par youki (03 Mar 2008 - 19:37)

Salut, bienvenue sur Alsacréations

Ton problème est dû à l'absence de contexte de formatage sur le bloc "content". Pour le définir, tu dois ajouter un overflow:hidden; sur celui-ci et supprimer sa hauteur.

Merci,
un début de impeccable donc effectivement ça fonctionne pour la page d'accueil.
Mais pour ma page contact et flotte ça coupe. Vous avez une idée de la raison du coup?

Là, il faut supprimer le float:left; sur la classe "fond2" car cette instruction ne sert à rien. (tout du moins sur cette page)

A priori, je pense qu'il te serait assez profitable de revoir les articles d'Openweb sur le positionnement afin d'utiliser ces propriétés à bon escient.

http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/
Modifié par koala64 (24 Feb 2008 - 21:52)

Merci encore problème résolu surtout le principal (overflow:hidden;).

Pour la suite je suis parfaitement d'accord sur "fond2" mais pour "base" je suis pas d'accord étant donné qu'elle contient des float elle aussi. En attendant, je vais rejeter un oeil sur vos pages.

Merci encore pour la clarté du site, pour la rapidité des réponses.

Sincèrement bravo.
Laurent.

J'en déduis donc que tu considères que ce sujet est [Résolu] ?

Juste avant je me permet juste une question supplémentaire. Avec le overflow:hidden; cela marche impeccable sous firefox, mais pas sous IE7. Dois je considérer que mon code est si crade que vous allez me répondre que "cela est normal que ça fonctionne sous Firefox car il est gentil", ou bien exsite il une bete solution conditionnel que je n'aurais pas trouvé à travers ce forum?

Est ce vraiment si crade d'avoir mes div "base" en float:left;??
Dois je vraiment tout revoir, ou il y a t'il une solution spécifique pour notre ami Internet Explorer.

Merci.
Modifié par youki (25 Feb 2008 - 12:11)

... Suite je viens de regler le problème en enlevant les contraintes de height au fond2. Donc cela fontionne bien pour firefox et IE. Seulement le background ne veut pas apparaitre sur la page "flotte" alors qu'il apparait dans la page galerie et sous dans toutes les pages sous IE.
snif