Forum Clubic

Problème avec une liste <ul> [Résolu] - Avec Firefox ^_^

:hello:

J’ai un problème avec firefox, une liste qui est pas un bon endroit :confused:

mon code est tout simple

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>titre</title>
	
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>

<body>


<div id="side2">
	<div id="categories">
  <ul>
  <li>Liste</li>
  <li>Liste</li>
  <li>Liste</li>
  <li>Liste</li>
  <li>Liste</li>
  </ul>
	</div>
</div>

</body>
</html>

CSS

#side2 {
	background-color: #FFEFD5;
	-moz-border-radius: 0px 0px 8px 8px;
	margin: 0px;
	text-align: left;
}
#side2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-right: 15px;
}
#side ul {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
}

Sous IE ça fonctionne, le bloc est tout en haut, mais avec firefox il y a une marge, je sais pas pourquoi.
help ! :confused:

Edit : la page en question

J’arrive pas à accéder à la page d’ici, mais moz border n’est pas interprété par IE logiquement, cela ne crée-t-il pas ton décalage sous moz qui lui va savoir l’utiliser ?

J’ai enlevé le moz-border, mais ça change rien :frowning:

Normal. Chez moi Fx me dit sagement “Standards compliance mode”, ce qui veut dire que html est un élément comme un autre, et que c’est lui qui fout le boxon. Try : html, body { padding: 0; margin: 0;}

html, body {
	margin: 0px;
	padding: 0px;
}

ça change rien

Bon je vais faire autrement, mais C’est m’intéresserait de savoir pourquoi ça fait ça

NeqO> sous fx, tu as le Dom Inspector. Quand tu as un problème, c’est là qu’il faut chercher en premier : cela te donne toutes les informations nécessaires, et en particulier les styles appliqués.

Moi je pense qu’il manque <ul> quelque part :smiley: ^^

Pas selon sa source. Sinon, essaye ul {margin-top: 0;} Fx semble ajouter 1em en margin-top (selon le DOM Inspector justement).

(qui bugue d’ailleurs, il veut plus reprendre l’ancienne page)

ça change rien, d’ailleurs j’avais déjà

#side ul {
margin: 0px;
padding: 0px;
}

oooops :ane:

j’ai mis #side à la place de #side2 :ane:

ça fonctionne maintenant :smiley: