bonjour à tous!
explication de mon probleme:
mon site fonctionne avec la méthode du conteneur situé au centre de la page
je met la banniere en haut, mon menu en dessous. et la bizard il y a un creux entre ma bannière et mon bloc menu pourtant j'ai pas mis de margin-top égal à quelque chose.
Je précise que mon site fonctionne bien sur IE ( les blocs se mettent bien en dessous de lautre) mais sous mozilla bien ça veut pas , pourtant j'y tiens beaucoup que mon site soit joli sous mozilla.
voici mon css
et voici mon Xhtml:
explication de mon probleme:
mon site fonctionne avec la méthode du conteneur situé au centre de la page
je met la banniere en haut, mon menu en dessous. et la bizard il y a un creux entre ma bannière et mon bloc menu pourtant j'ai pas mis de margin-top égal à quelque chose.
Je précise que mon site fonctionne bien sur IE ( les blocs se mettent bien en dessous de lautre) mais sous mozilla bien ça veut pas , pourtant j'y tiens beaucoup que mon site soit joli sous mozilla.
voici mon css
.body{
margin: 20px 0;
padding: 0;
background-image: url(images/arriereplan.jpg);
}
.conteneur {
width: 730px;
margin: 0 auto ;
margin-top: 40px;
height: 800px;
}
.banniere {
height: 170px;
background-image: url(images/banniere.jpg);
border: 0px;
padding: 0;
}
.extmenu{
height: 40px;
background-image: url(images/menu.jpg);
border: 0px;
}
.gauche{
width: 115px;
float: left;
display: block;
}
ul {list-style-type: none;} /* on supprime les puces, inutiles */
li { float: left;} /* on aligne les listes sur la gauche */
.menu a {
width: 100px;
height: 40px;
float: left;
display: block;
text-align: center;
text-decoration: none;
font-family: Elephant;
font-size: 16px;
color: #FFFFFF;
vertical-align: middle;
}
.menu a:hover {
color: #009933;
}
.menu a:active {
color: #FFFFFF;
}et voici mon Xhtml:
<body>
<div class="conteneur">
<div class="banniere"></div>
<div class="extmenu">
<div class="gauche"></div>
<ul class="menu">
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
<li><a href="">Menu 5</a></li>
</ul>
</div>
</div>
</body>
</html>