Bonjour,
Je rencontre un problème sous IE7 mais l'affichage est nickel sous FF3.
J'ai fait un menu horizontal grâce à des listes qui sont placées dans un conteneur nommé onglet. Celui-ci se positionne bien. Mais son contenu se place au centre sous IE.
Malgré avoir tenté des text-align:left ou float:left ma liste reste toujours centrée sous IE.
Avez-vous déjà rencontré ce problème voici un bout de mon code :
et mes css relatives au contenu qui pose problème
Merci de votre aide.
Et vive les standards!!
Modifié par selinav (20 Feb 2009 - 10:55)
Je rencontre un problème sous IE7 mais l'affichage est nickel sous FF3.
J'ai fait un menu horizontal grâce à des listes qui sont placées dans un conteneur nommé onglet. Celui-ci se positionne bien. Mais son contenu se place au centre sous IE.
Malgré avoir tenté des text-align:left ou float:left ma liste reste toujours centrée sous IE.
Avez-vous déjà rencontré ce problème voici un bout de mon code :
<body>
<div id="gauche"> </div>
<div id="droite"> </div>
<div id="milieu">
<div id="header">header</div>
<div id="onglets">
<ul id="menu">
<li><span>1</span></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
</ul>
</div>
<div id="contenu">...</div>
<div id="footer">...</div>
</div><!-- fin de div#milieu-->
</body>
et mes css relatives au contenu qui pose problème
div#milieu {
overflow: hidden;
height:600px;
}
div#onglets {
clear:both;
height:30px;
width:860px;
margin:0;
padding:0;
}
ul#menu{
margin:0;
padding:0;
}
ul#menu li {
float: left ;
text-align: center ;
margin:0;
padding: 0;
list-style-type:none;
background-image:url(images/onglet_rouge.jpg);
background-repeat:no-repeat;
display:block;
width:120px;
height:30px;
}
ul#menu li a{
float: left ;
text-align: center ;
margin:0;
padding-top:3px;
list-style-type:none;
background-image:url(images/onglet_blanc.jpg);
background-repeat:no-repeat;
display:block;
width:120px;
height:30px;
text-decoration:none;
font-weight:normal;
}
ul#menu li a:hover{
text-decoration:underline;
font-weight:bold;
}
Merci de votre aide.
Et vive les standards!!
Modifié par selinav (20 Feb 2009 - 10:55)