Des livres incontournables pour tout maîtriser

  • CSS2
  • Réussir son site web avec XHTML et CSS
  • PHP 5 avancé
  • Memento CSS
  • Memento XHTML
  • Ergonomie web
  • Bien rédiger pour le web
Rechercher dans le sujet :
Forum
» CSS et mise en forme
» Affichage du fond d'une boite <div>
Auteur
krakkos
# 02 Jul 2009 - 14:04:56
Citer
131 Posts
 J'ai un soucis purement théorique
J'ai une boite <div> avec une couleur d'arrière plan et une largeur :
#boite2 {

	width: 600px;

	background: #CFF;

}

Dans cette boite j'ai un paragraphe <p> (sans mise en forme) suivi d'une autre boite flottante :
#boiteFloatLeft2 {

	background: #FCF;

	float: left;

	width:200px;

}

En affichage, je ne vois l'arrière plan de ma boite conteneur qu'au niveau de mon paragraphe, pas "derrière" ma boite incluse. Si je mets un overflow: auto; à ma #boite2, je visualise bien sa couleur d'arrière plan sur toute sa surface.
Je ne comprends pas pourquoi !
Merci de vos lumières !
^
Laurie-Anne
# 02 Jul 2009 - 14:25:14
Citer
Modérateur
2716 Posts
 Bonjour,

Je crois que tu es face à un cas de dépassement des flottants.
Faut pas dire du mal d'IE6... Nan, faut pas.
http://laurie-anne.bourdain.name 
^
krakkos
# 03 Jul 2009 - 13:51:40
Citer
131 Posts
 Au vu de ce que j'ai lu dans cet article et dans d'autres sur alsacreations, est-ce que cette analyse est correcte ? :
A l'affichage, l'élément flottant "sort" du flux normal et "sort" aussi de son conteneur. Si la boite flottante <div> est insérée après le texte <p>, le fond coloré du conteneur n'apparaît qu'au niveau de son contenant : le paragraphe <p>. Et pas au niveau de la boite flottante <div>, puisqu'elle est sortie du flux normal (sauf pour IE).
^
Prévenir un modérateur
Répondre au sujet
Aller à
Powered by Phedio v3.8.6 beta in 14.4 ms © dew