28173 sujets

CSS et mise en forme, CSS3

Bonjour,

IE7 étant encore en vsersion bêta, je me dis qu'il doit y avoir pas mal de bugs et que ces bugs doivent être listés.

J'ai constaté ce que je crois être un bug d'IE7 étant donné que ça passe bien dans IE6, Opéra8.5 et Firefox 1.5 :

code css, dans l'ordre : un div contenant (.banniere), une liste avec un ul qui a une marge intérieure de 129px, des onglets positionnés en flottant et pour finir un texte d'accroche (p) sur lequel est appliqué un "clear:both; :

Dans IE7 le texte d'accroche remonte à 75 pixels du bord du div.bannière.



.banniere{
          background:url(images/bg_banniere_haut.jpg);
          height:425px;
          width:792px;
          
}

.banniere ul{margin:0 0 0 10px;padding:129px 0 0 0;}
.banniere ul li{list-style-type:none;
                display:inline;
                text-align:center;
}
.banniere ul li a{
                  float:left;
          background:url(images/onglets.png) 0 0;
                  height:24px;
                  width:165px;          
                  margin:0 0 15px 5px;
                  padding:14px 5px 5px 5px;
                  font-weight:bold;
                  font-size:15px;
                  line-height:15px;
                  color:#fff;

 
}
.banniere ul li#active a, .banniere ul li a:hover{
         background:url(imagesonglets.png) 0 -43px;
                   color:#8396b0;
}


#accroche{height:232px;clear:both;}



Modifié par EricLB (12 Jun 2006 - 11:43)
Merci pour ta réponse et pour le lien Smiley cligne

Par contre j'ai pas trouvé le bug que j'ai indiqué dans le message précédent et j'ai vu que ça le faisait aussi sur un autre navigateur.
Modifié par EricLB (07 Jun 2006 - 14:29)