28172 sujets

CSS et mise en forme, CSS3

Bonjour

Quelqu'un pourrait il m'expliquer pourquoi avec Chrome un "menu" ne s'affiche pas correctement alors qu'avec firefox et IE il s'affiche bien...

Sur la page www.evizer.com les drapeaux situés en haut à droite ne s'affichent pas sur une seule ligne... lorsque le site est en français par contre si l'on clique sur le drapeau espagnole ils se positionnent comme je le souhaite.

Quelqu'un pourrait il me dire ce qu'il manque ?

Merci


div.mod_changelanguage
{
	float:right;
	clear:left;
	padding-right:15px;
	font-size:0.8em;
	color:#FFFFFF;
	list-style: none;
}
.mod_changelanguage ul
{
	margin-top:-.4em;
	list-style: none outside none;
}
.mod_changelanguage li
{
	display:inline;
	margin-top:-0.6em;
	padding-left:.6em;
}

Modifié par evantro (03 May 2011 - 10:30)
Administrateur
Hello,

En fait c'est plutôt Chrome qui a raison : ton élément "mod_changelanguage" est en float right sans aucune largeur définie, donc sa taille dépend directement de son contenu (or ses éléments de contenu sont définis en "inline").

Je te conseille de fixer une largeur à "mod_changelanguage".
merci, en effet ça règle le problème.

Mais je ne comprends pas pourquoi sur une page c'était bon et sur l'autre non ...
Il doit y avoir un rapport avec la position du lien mais je ne vois pas quoi.