bonjour,
j'ai deux div placé côte à côté, celui a gauche à la propriété float :left;
dessous ces deux blocs, j'essaie de centrer mon bloc appelé "navigation"
sous Internet Explorer, pas de problème ; mais sous Firefox, le bloc navigation semble partir du deuxième bloc en haut et le resultat n'est pas satisfaisant
voici mon code html :
<div id="logo"><img alt="logo" src="images/logo-multimedia_net.gif" width="319" height="81" usemap="#Map" border="0" /></div>
<div id="pub"><mx:bloc id="pub"></mx:bloc id="pub"></div>
<div id="separ_haut"></div>
<div id="navigation"><mx:bloc id="navigation"></mx:bloc id="navigation"></div>
<div id="separ_hautb"></div>
et le CSS (noter que j'utilise des positions relatives pour les div)
div#conteneur
{width: 800px ;margin: 0 auto ;text-align: left ;}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
div#logo{ width: 320px ;float:left;margin: 0 auto ;text-align: left ;}
div#pub { margin-right: 0;}
div#separ_haut {position:relative;top:3px;width:100%;color:#ff992b;background-color:#ff992b;height:1px;border:0;}
div#navigation {position:relative;top:5px;left:Opx;text-align:center;margin:auto;}
merci pour votre aide, je souhaiterai savoir pourquoi Firefox ne se comporte pas logiquement !
a+
Partager