Pb de CSS (formats de listes) avec Firefox

[cedric_g]

Bonjour

Je rencontre un léger soucis de formalisme de mes listes, au niveau de mon blog (ici : -http://blog.aube-nature.com )

Ceci concerne mes "tags" (c'est un blog Dotclear) qui s'affichent parfaitement dans IE, mais pas dans Firefox/Mozilla :twisted: (je sais lol, habituellement c'est l'inverse !)

Je ne comprends pas :?


Voici mon code CSS :

/* Sidebar
********************************************/
#sidebar{
	background: #FFF url(img/menu.png) repeat-x;
	color: #666;
}

#sidebar div{
	/* aurait du etre #sidebar > div */
	margin: 0 10px 2em 10px;
}

#sidebar h2{
	margin: 0 0 1ex 0;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#sidebar a{
	text-decoration: none;
}

#sidebar li a{
	display: block;
	color: #666;
	margin-left: 8px;
	background: transparent;
}

#sidebar li a:hover{
	color: #000000;
	margin-left: 0px;
	padding-left: 3px;
	border-left: 5px solid #999966;
	border-right: 5px solid #999966;
}

#sidebar ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	border-top: 1px solid #CCC;
	padding: 0.5ex 0;
}

#sidebar ul li{
	border-bottom: 1px solid #CCC;
	padding: 0.5ex 0;
}


/* Définition des formats des tags (mots-clés) ****************************************/

#tags li.level-1 {
	font-size:0.7em;
}

#tags li.level-2 {
	font-size:1.0em;
}

#tags li.level-3 {
	font-size:1.3em;
}

#tags li.level-4 {
	font-size:1.6em;
}

#tags li.level-5 {
	font-size:1.9em;
}

#tags li.level-6 {
	font-size:2.2em;
}

#tags ul{
	list-style-type: none;
	display:inline;
	margin: 0;
	padding: 0;
}

#tags li {
	display:inline;
	margin:0;
	padding:0 5px 0 0;
}

#tags li a{
	display: inline;
	color: #666;
	margin:0;
	padding:0 5px 0 0;
	background: transparent;
}

#tags li a:hover{
	color: #000000;
	margin:0;
	padding:0 5px 0 0;
	border-left: 0;
	border-right: 0;
}

#tags ul li:first-child{
	/* :fisrt-child selector ne fonctionne pas dans IE */
	margin:0;
	padding:0 5px 0 0;
	border-top: 0;
}

#tags ul li{
	border-bottom: 0;
}

/* FIN TAGS *********************************************************/

Ceux qui connaissent la structure d'un blog Dotclear verront que la DIV de type Sidebar "contient" la DIV de type Tags, et je pense que c'est donc un soucis d'héritage de propriétés.

Mon problème touche à l'affichage des listes (balises ul et li) dans mon DIV #tags, lui-même inclus dans le DIV #sidebar qui détermine la barre de navigation d'un blog Dotclear.

Mais je ne vois pas trop comment le résoudre ! Cela concerne à priori les balises display (block vs inline) qui passent bien sous IE mais pas sous FF.

Si quelqu'un a une idée ?...

 

[e-kiwi]

tu parle d un probleme mais tu ne le décris pas. c est quoi le problème constaté ?

 

[cedric_g]

Ah oui zut pardon


Sous IE : affichage en "nuage" de tags, nickel (avec prise en compte de mes propriétés définies pour #tags)

Sous FF/Mozilla : affichage en liste telle que définie dans #sidebar sans prise en compte des modifs pour #tags (en clair : affichage de mes mots-clés comme mes catégories !) :evil:

 

[Lebleu]

salut,

Chez moi ça apparaît en "nuages" aussi sous FF 2.0.1. et je ne vois pas la différence avec IE6 :wink:


@+

 

[cedric_g]

Aïe !

Oui j'y repenses... Sur FF 1.5 ça fonctionne, suis-bête !

Mais ici (au bureau) je suis sur FF 1.0 et là ça fonctionne pas... Bon je laisse tel que ou je corrige ? Et si oui : comment ?

That is the question !!!

 

[Lebleu]

c'est à toi de peser le pour et le contre :lol: ... je ne sais pas si les utilisateurs de Firefox<=1.0 sont encore nombreux et si tu optes pour la modification du code, je ne vois pas comment faire, sorry.

Soit-dit en passant, je trouve ton site assez bien foutu

Bonne continuation et j'espère que tu trouveras une solution qui te convienne.

@+

 

[cedric_g]

OKI

Bon finalement, je vais rien faire...



Je tâche de "monter en puissance" actuellement, mais dur dur (du contenu, du contenu, du contenu) pour que le retour soit plus probant quand l'heure sera venue :twisted:

Je tape 600 à 800 VU/jour actuellement sur mon blog (les records tombent chaque semaine depuis le début de l'année)