XHTML + CSS valid : décalage aléatoire avec Firefox et Mozilla

XHTML + CSS valid : décalage aléatoire avec Firefox et Mozilla - HTML/CSS - Programmation

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 ! :heink:
Avec Mozilla le problème n'apparaît pas sur cette page, mais sur d'autres (http://7px.net/Index.news.html) !!! :pt1cable:  
 
J'ai cru plusieurs fois tenir un bug de gecko, alors je ne vais pas gueuler trop vite. :o
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...

Reply

Marsh Posté le 17-09-2004 à 18:30:43   

Reply

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 :
http://7px.net/docs/dec-firefox.png
Il y a un décalage à droite de "Images".


Message édité par kalex le 17-09-2004 à 18:45:46
Reply

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 ??


Message édité par ceyquem le 18-09-2004 à 09:39:04
Reply

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.


Message édité par ceyquem le 18-09-2004 à 09:40:21
Reply

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) ?

Reply

Marsh Posté le 19-09-2004 à 12:11:33    

oui c'est possible, ça y ressemble

Reply

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.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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.


Message édité par kalex le 19-09-2004 à 14:39:31
Reply

Marsh Posté le 19-09-2004 à 17:58:55    

Reply

Marsh Posté le 21-09-2004 à 16:06:45    

J'ai refait le menu en utilisant des dimensions en pixel, en attendant. :/

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed