Pb de positionnement de div avec IE6-IE7 - HTML/CSS - Programmation
Marsh Posté le 07-08-2009 à 17:50:58
Normallement ça devrait fonctionner. Vire le position relative, et essaye de positionner le tout. Y'a peut-être une erreur ailleurs
Marsh Posté le 07-08-2009 à 19:38:30
Ben comment positionner le menu comme je le souhaite, sans position:relative, et en centrant automatiquement menu+principal, et surtout en ayant le menu qui est plus haut que le principal ?
J'ai essayé en mettant le menu dans le principal, ou en mettant menu et principal au même niveau dans mon container, rien à faire.
Je me demande si c'est pas un problème de largeur mal calculée par IE, sachant que container est forcé à 1000px de large
Marsh Posté le 07-08-2009 à 14:49:57
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