Pb de positionnement de div avec IE6-IE7

Pb de positionnement de div avec IE6-IE7 - HTML/CSS - Programmation

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à  :cry:
 
(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 :  
http://hfr-rehost.net/thumb/api.browsershots.org/png/512/6d/6d4491b111a9e84d3cb736e94a8acab7.png
 
Sous IE6-IE7 :
http://hfr-rehost.net/thumb/api.browsershots.org/png/512/48/489e1d7c74a09906ff859f21b847a4f6.png
 
EDIT2 : le décalage vers le haut du menu est volontaire.


Message édité par Gonzoide le 07-08-2009 à 15:00:14
Reply

Marsh Posté le 07-08-2009 à 14:49:57   

Reply

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

Reply

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 :??:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed