Discussion :

[aztec]

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+

[aztec]

j'ai oublié, vous pouvez voir le résultat sur cette page

http://www.multimedia-net.com/index_test_css.php

avec IE 7 c'est bien, avec Firefox 2 le resultat ne me convient pas

[aztec]

est-ce que quelqu'un à une idée ??

[aztec]

j'ai résolu mon problème par la propriété clear;both
j'espère que cette solution ne me créera pas de pb par la suite car j'ai cru comprendre que ça n'était pas bien compris par tous les navigateurs
a+
Aurelien