Bonjour,
le titre peut sembler bizzare j'explique :
Je travaillais par mégarde en transitionnal, soudain je m'en aperçois et plop je passe en xhtml strict 1.0.
Et là, un margin-bottom magique de 3 pixels s'ajoute entre ma banniere (header) et mon menu (liste en float) sous les gecko (firefox / safari / chrome). En revanche IE fidèle à lui même produit un résultat différent (se comportement "normalement" sans nouvelle marge.)
je me casse la tête car la seule solution que j'ai trouvé à l'heure actuelle, c'est un :
margin-top : -0.5em; sur l'élément déplacé. (produit le bon résultat)
Quels connait peut-être les éléments/facteurs d'un espace comme celui-ci ?
Des précisions :
Ma page est centrée
Le header est une image inclus dans un paragraphe
Le menu est une liste horizontale (avec un float) et une fonctionnalité déroulante (display block / display none) dont les sous menu sont positionnés en relatif (pour le z-index).
Les margin / padding sont bien tous définis.
Je cherche pas forcément à corriger l'erreur dans l'immédiat mais avoir des pistes. Est-ce le positionnement relatif qui peut poser ce genre de soucis ?
Merci d'avance.
EDIT: d'après firebug, c'est mon paragraphe (p) qui semble gagner 3 pixel. tout seul.
Modifié par Pure (24 Jun 2009 - 12:08)
le titre peut sembler bizzare j'explique :
Je travaillais par mégarde en transitionnal, soudain je m'en aperçois et plop je passe en xhtml strict 1.0.
Et là, un margin-bottom magique de 3 pixels s'ajoute entre ma banniere (header) et mon menu (liste en float) sous les gecko (firefox / safari / chrome). En revanche IE fidèle à lui même produit un résultat différent (se comportement "normalement" sans nouvelle marge.)
je me casse la tête car la seule solution que j'ai trouvé à l'heure actuelle, c'est un :
margin-top : -0.5em; sur l'élément déplacé. (produit le bon résultat)
Quels connait peut-être les éléments/facteurs d'un espace comme celui-ci ?
Des précisions :
Ma page est centrée
Le header est une image inclus dans un paragraphe
Le menu est une liste horizontale (avec un float) et une fonctionnalité déroulante (display block / display none) dont les sous menu sont positionnés en relatif (pour le z-index).
Les margin / padding sont bien tous définis.
Je cherche pas forcément à corriger l'erreur dans l'immédiat mais avoir des pistes. Est-ce le positionnement relatif qui peut poser ce genre de soucis ?
Merci d'avance.
EDIT: d'après firebug, c'est mon paragraphe (p) qui semble gagner 3 pixel. tout seul.
Modifié par Pure (24 Jun 2009 - 12:08)