XHTML + CSS valid : décalage aléatoire avec Firefox et Mozilla - HTML/CSS - Programmation
Marsh Posté le 17-09-2004 à 18:45:22
Pour info voilà ce que ça donne avec firefox 0.9.3 (dernier en date) en 1024/768 :
Il y a un décalage à droite de "Images".
Marsh Posté le 18-09-2004 à 09:34:41
juste pour voir dans :
#menu ul li{
position: relative;
top: 1px;
width: 10.3%;
float: left;
margin-top: 7px;
text-align: center;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #dddddd;
border-left: 1px solid #cccccc;
}
j'ai mis autre chose que 10.3% et ca parait meilleur. peut êytre que l'arrondi en pixels décale tronque un pixel ??
Marsh Posté le 18-09-2004 à 09:40:05
d'ailleurs tu remarqueras que ca apparait plusieurs fois quand tu redimensionnes ta fenetre sous mozilla : des fois c'est bon et des fois le trou apparait. essaye d'utiliser une taille abslue.
Marsh Posté le 18-09-2004 à 14:27:26
Merci de t'être penché sur le problème !
Effectivement, c'est la largeur en % qui pause problème. J'ai beau en donner une différente, le problème se manifeste toujours (mais plus sur les mêmes pages ). En pixel, par contre, le problème disparaît.
Je ne vois vraiment pas pourquoi, Gecko a ce comportement. Est-ce un bug ?
Ca ne serait pas voisin de celui çi : http://bugzilla.mozilla.org/show_bug.cgi?id=125560 (sauf que mon problème c'est avec float: left) ?
Marsh Posté le 19-09-2004 à 13:59:10
position: relative; et float: left; ça va pas vraiment ensemble hein. Ce sont 2 modes de positionnement qui s'excluent.
Marsh Posté le 19-09-2004 à 14:38:53
Justement non, il n'y a aucune contre-indication, puisque la boîte est déplacée relativement à sa position dans le flux.
Pour preuve :
http://www.yoyodesign.org/doc/w3c/ [...] ositioning
Citation : Une fois que l'emplacement d'une boîte a été déterminé, selon les modèles de flux normal ou flottant, cette boîte peut être déplacée relativement à celui-ci. C'est ce qu'on appelle le positionnement relatif. |
Marsh Posté le 19-09-2004 à 17:58:55
ok
Marsh Posté le 21-09-2004 à 16:06:45
J'ai refait le menu en utilisant des dimensions en pixel, en attendant.
Marsh Posté le 17-09-2004 à 18:30:43
Pour changer, c'est firefox qui pause un problème (avec du code valide). Regardez cette page :
http://7px.net/Index/Nature/Plantes/Palmiers.img.html
Il y a un décalage à droite de l'onglet sélectionné, je ne comprends vraiment pas pourquoi. Ca n'apparaît apparemment que sous firefox lorsque la fenêtre fait 1024 de large !
Avec Mozilla le problème n'apparaît pas sur cette page, mais sur d'autres (http://7px.net/Index.news.html) !!!
J'ai cru plusieurs fois tenir un bug de gecko, alors je ne vais pas gueuler trop vite.
Alors, première question : comment ça s'affiche chez vous ?
Deuxièmement, d'où pensez-vous que ça vient ?
Merci !
Au fait, il n'y a pas de problème avec les autres browsers testés...