[resolu]Hauteur div - Alsacreations

Auteur
bill_baroud	# 16 Aug 2006 - 12:30:47
96 Posts	bonjour, j'ai le code tout simple suivant : body{ margin:0; padding:0; } div { padding:0; background-color: #009999; height: 10px; width: 300px; margin:0; } <div></div> sous IE, la hauteur du bloc est deux fois supérieure à celle obtenue sous FX. une idée de ce qui cloche ? merci ! Modifié par bill_baroud (16 Aug 2006 - 13:01)
96 Posts
elz64	# 16 Aug 2006 - 12:50:48
260 Posts	j'aurais esssayé de coller un contenu dans ton : <div></div> genre   ..
260 Posts
gwalarn	# 16 Aug 2006 - 12:53:00
5 Posts	si la hauteur est suffisament importante, ff et ie affiche la même chose, et effectivement dans tous les cas en mettant un   dedans ça semble résoudre le pb pour ie...
5 Posts
Laurent Denis	# 16 Aug 2006 - 12:55:33
7979 Posts	Bonjour, IE tient compte de la taille de police de caractères (font-size, line-height). Les ajouter aux règles du premier message... Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici.
7979 Posts
Thomas D.	# 16 Aug 2006 - 12:56:21
Roi sous la montagne Modérateur 3181 Posts	Salut IE ne comprend pas correctement "height", il l'interprète comme si c'était "min-height". Pour peu qu'il y ait un contenu plus haut que 10px (ce qui est le cas d'une ligne de texte normale), IE augmentera la taille du div.
Roi sous la montagne Modérateur 3181 Posts
bill_baroud	# 16 Aug 2006 - 13:01:34
96 Posts	merci pour vos reponses, il faut effectivement ajouter un caractere type   et affecter un line-height ou font-size inférieure à la hauteur de bloc souhaitée.
96 Posts
Raphael	# 16 Aug 2006 - 13:08:34
twitter.com/goetter Administrateur 12017 Posts	Et hop : http://forum.alsacreations.com/faq/index.php#item77 Modifié par Raphael (16 Aug 2006 - 13:12) Le livre qui va vous permettre d'aller (vraiment) plus loin avec CSS : "CSS avancées - vers HTML5 et CSS3"
twitter.com/goetter Administrateur 12017 Posts
Thomas D.	# 16 Aug 2006 - 13:10:54
Roi sous la montagne Modérateur 3181 Posts	Raphael a écrit : Et hop : http://forum.alsacreations.com/faq/#item58 (cf : "hauteur minimale sous IE") n° 58, noté
Roi sous la montagne Modérateur 3181 Posts
Raphael	# 16 Aug 2006 - 13:15:29
twitter.com/goetter Administrateur 12017 Posts	Sopo a écrit : n° 58, noté Enfin #77 maintenant, vu que j'ai séparé ces deux points de la FAQ Le livre qui va vous permettre d'aller (vraiment) plus loin avec CSS : "CSS avancées - vers HTML5 et CSS3"
twitter.com/goetter Administrateur 12017 Posts