OVH Cloud OVH Cloud

[css] direction: rtl - bug mozilla ?

5 réponses
Avatar
Thibaut Allender
hello

j'ai un comportement etrange de mozilla avec le code qui suit...

la puce de la ligne "colis cadeau" se retrouve au milieu du O de colis !
si je supprime cette ligne, elle se retouve au milieu du O de commander !!!

dans IE et opera tout se passe bien

si je supprime le "float: right" ca supprime le bug... mais ca ne
m'arrange pas car le reste de la page ne suit plus (je n'ai mis qu'un
extrait du code)

des idees ?
a+

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<style type="text/css">

#menu {
float: right;
border-style: solid;
border-width: 0px;
border-right-width: 3px;
padding-right: 15px;
height: 265px;
text-align: right;
}

#menu ul li {
direction: rtl;
}

</style>
</head>
<body>

<div id="menu">
<ul>
<li>accueil</li>
<li>liste de prix</li>
<li>colis cadeau</li>
<li>vin du mois</li>
<li>contact</li>
<li>commander</li>
</ul>
</div>

</body>
</html>


--
freelance + web design + php dev + digital photo
+ 32 496 26 75 76 + http://www.capsule.org

5 réponses

Avatar
Raphaël Wils
Thibaut Allender a écrit :

j'ai un comportement etrange de mozilla avec le code qui suit...

la puce de la ligne "colis cadeau" se retrouve au milieu du O de colis !
si je supprime cette ligne, elle se retouve au milieu du O de commander !!!




Je ne sais pas quelle est la cause du probleme mais j'ai vu qu'en
mettant une bordure ou un padding de 1px autour des li ça s'arrange.

--
Raphael wils
http://perso.club-internet.fr/raphael.wils
"It don't mean a thing, if it ain't got that swing !"
Avatar
Thibaut Allender
on 21/11/2003 1:02, Raphaël Wils wrote :
Je ne sais pas quelle est la cause du probleme mais j'ai vu qu'en
mettant une bordure ou un padding de 1px autour des li ça s'arrange.



merci raphael,

avec un padding de 1px, ca fonctionne bien dans mozilla... mais ca ne
fonctionne plus dans IE !
"accueil" est completement decalé a droite (on ne voit plus que "ac")...

"je vais devenir chevre"

--
freelance + web design + php dev + digital photo
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
Raphaël Wils
Thibaut Allender a écrit :

on 21/11/2003 1:02, Raphaël Wils wrote :

Je ne sais pas quelle est la cause du probleme mais j'ai vu qu'en
mettant une bordure ou un padding de 1px autour des li ça s'arrange.




merci raphael,

avec un padding de 1px, ca fonctionne bien dans mozilla... mais ca ne
fonctionne plus dans IE !
"accueil" est completement decalé a droite (on ne voit plus que "ac")...

"je vais devenir chevre"




Pourtant dans *mon* ie6 ca marche.
Meme sous ie5 avec une marge à droite plus importantz.

--
Raphael wils
http://perso.club-internet.fr/raphael.wils
"It don't mean a thing, if it ain't got that swing !"
Avatar
Thibaut Allender
on 21/11/2003 1:41, Raphaël Wils wrote :

Pourtant dans *mon* ie6 ca marche.
Meme sous ie5 avec une marge à droite plus importantz.



exact, dans mon exemple ca fonctionne, mais une fois que ca se trouve
dans ma page complete, ca ne fonctionne plus...

pas grave, je vais faire une table ;)

--
freelance + web design + php dev + digital photo
+ 32 496 26 75 76 + http://www.capsule.org
Avatar
yvon.thoraval
Thibaut Allender wrote:

la puce de la ligne "colis cadeau" se retrouve au milieu du O de colis !
si je supprime cette ligne, elle se retouve au milieu du O de commander !!!



vrai sur Mozilla 1.6a sous MacOS X.3.1 ...
--
Yvon Thoraval