Bonjour à tous,
J'ai crée un div#page qui centre l'ensemble sur un navigateur, cela fonctionne bien.
J'ai ensuite un menu qui se positionne bien en haut.
Mon problème est maintenant de positionner mon logo en dessous du menu, en essayant de le positionner à qq pixels à gauche et qq pixels en dessous du menu.
J'ai de grosses différences entre ie et firefox comme l'atteste la page:
http://princessedunjour.com/nouveau2.htm
sur ff, mon bloc "Page" n'est plus en blanc... c'est très bizarre.
Modifié par pp51 (27 Nov 2005 - 13:13)
J'ai crée un div#page qui centre l'ensemble sur un navigateur, cela fonctionne bien.
J'ai ensuite un menu qui se positionne bien en haut.
Mon problème est maintenant de positionner mon logo en dessous du menu, en essayant de le positionner à qq pixels à gauche et qq pixels en dessous du menu.
J'ai de grosses différences entre ie et firefox comme l'atteste la page:
http://princessedunjour.com/nouveau2.htm
sur ff, mon bloc "Page" n'est plus en blanc... c'est très bizarre.
<body>
<div id="page">
<div id="nav">
<ul id="menu_haut">
<li><a id="menu1" title="Colliers mariage" href="accessoires-colliers-mariage.htm">ACCUEIL</a></li>
<li><a id="menu2" title="Bracelets mariage" href="accessoires-mariage-bracelets.htm">COLLECTIONS</a></li>
<li><a id="menu4" title="Boucles d'oreilles mariage" href="accessoires-boucles-doreilles.htm">DESIGN</a></li>
<li><a id="menu3" title="Pics à cheveux mariage" href="accessoires-mariage-pics-a-cheveux">POINTS DE VENTE</a></li>
<li><a id="menu5" title="Tiares mariage" href="accessoires-mariage-tiares.htm">A PROPOS</a></li>
<li><a id="menu3" title="Pics à cheveux mariage" href="accessoires-mariage-pics-a-cheveux">CONTACT</a></li>
<li><a id="menu6" title="Princesse d'un Jour" href="index_eng.htm">ESPACE PRO</a></li>
</ul>
</div>
<div id="logo">
<a href="http://www.princessedunjour.com">
<img id="logo" src="logo2.gif" alt="Princesse d'un Jour" /></a>
</div>
</div>
</body>
</html>
body {
margin: 0;
text-align: left; /* pour corriger le bug de centrage IE */
background-color: #EBEBEB;
}
img {
border-width: 0;
border-style: none;
}
#page {
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 920px;
text-align: left;
background-color: #FFFFFF;
}
div#nav {
float: left;
height: 25px;
top: 90px;
right: 100px;
width: 100%;
border-style: solid;
border-width: 0;
border-color: #CCCCCC;
}
ul#menu_haut {
margin-top: 8px;
margin-bottom:8px;
padding: 0;
letter-spacing: 0.2em;
list-style-type: none;
font-family: Arial, Times, serif;
font-size: 10px;
margin: 15px 10px;
text-align: center;
}
#menu_haut li {
display: inline;
margin: 0 15px;
}
#menu_haut a {
color: #999999;
text-decoration: none;
text-align: left;
}
#menu_haut a:hover {
color: #000000;
}
div#logo {
float:left;
height: 66px;
top: 50px;
right: 100px;
border-style: solid;
border-width: 0;
border-color: #CCCCCC;
}
Modifié par pp51 (27 Nov 2005 - 13:13)