Sur mon site http://www.plongeursmasques.fr, j'ai la structure de div suivante (je mets entre parentheses les attributs CSS probablement liés au problème) :
BODY
DIV "container"
DIV "header" (contient le bandeau d'en-tête gris metal) (display:block, margin:auto)
DIV "menu" (mon menu rose à gauche) (float:left, position: relative)
DIV "principal" (image fond bleu ciel du panel principal) (margin:auto)
DIV "panel" (ou le corps de la page se situe)
|
Le position:relative du menu me sert à le faire chevaucher mon div "principal". Ca marche nickel sous Firefox et IE8, mais sous IE6-IE7 le DIV menu se comporte comme s'il état en display:block, à savoir qu'au lieu d'être au-dessus du DIV principal, il renvoie celui-ci en dessous ... si quelqu'un avait une idée ça m'arrangerait bien, je commence à craquer là
(J'ai essayé à tout hasard de mettre le DIV "menu" à l'intérieur du DIV "principal", sans effet)
EDIT : une image vaut mieux qu'un long discours :
Sous Firefox/IE8 :
Sous IE6-IE7 :
EDIT2 : le décalage vers le haut du menu est volontaire.
Message édité par Gonzoide le 07-08-2009 à 15:00:14