28221 sujets

CSS et mise en forme, CSS3

lut Smiley cligne

j'aimerais savoir pourquoi lorsque l'on mets un liste pour créer un menu

dans cet exemple
et que l'on définit le padding à 0 pour la balise ul cela rajoute un scroll horizontal sous mozilla?

le seul truc que j'ai trouvé c'est d'enlever le "overflow auto" du body

mais à ce moment là c'est IE qui me mets une barre de scroll grisé verticale en plus de mon scroll normal pour le bloc contenu.


si y'as un truc j'ai pas trouvé Smiley decu
Modifié le 31 Jan 2005 - 12:16
A part avoir son post éditer car un S manque à alsacréationS.

y'as moyen d'avoir autre chose?

je sais pas moi un début de réponse une piste.
Administrateur
Curieux, je n'ai pas rencontré de problèmes.
As-tu quelque chose de plus concret à montrer ?
comme je ne comprennais toujours pas j'ai repris carrement le tuto et j'ai juste ajouté une liste

ICI


html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#contenu {
height: 100%;
margin-left: 200px;
overflow: auto;
background-color:#9999CC;
}
#menu {
position: absolute;
left:0;
background-color: #99CCCC;
width: 200px;
height: 100%;
}

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




<!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>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="test.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="menu">
	  <ul>
		<li>gdfggs</li>
		<li>gsgs</li>
		<li>-yuytj</li>
		<li>ehh</li>
	  </ul>
	</div>
		<div id="contenu">
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
			contenu<br />
		</div>
</body>
</html>


Avec ce code si je ne mets pas au moins 10px de padding sur ma liste je me retrouve avec un ascenceur horizontal sur mozilla


Donc si c'est un erreur de ma part je voudrais bien savoir ou et pourquoi?

je déclare mal ma liste?

Si c'est le cas je voudrais bien comprendre pourquoi ?

je vois pas ce qui cloche elle est dans un bloc en position absolute donc elle doit se placer normalement sans rien préciser d'autre.


EDIT:
Pensant que ce serait pareil sous firefox je n'avais pas testé mais cela semble fonctionner normalement sous Opera aussi.

il n' y aurait que mozilla qui poserais problème?
Modifié le 29 Jan 2005 - 00:08
Administrateur
Humm, je ne vais pas avoir le temps ce week-end Smiley decu
Mais juste un déatil : pourquoi ajouter un <div> autour du menu ? le <ul> se suffit à lui même Smiley cligne
lut Smiley cligne

a écrit :
Mais juste un déatil : pourquoi ajouter un <div> autour du menu ? le <ul> se suffit à lui même


Avant de poster j'ai bien entendu essayé un peu tout ce que je connaissait c'est d'ailleurs ce que j'avais fait en premier
car c'est ce qui me paraissait le plus logique.

Mais le résultat est le même.

donc chez moi avec moz 1.6 j'ai ça

upload/621-capturemoz.jpg
Modifié le 29 Jan 2005 - 14:27
ça viendrait de quoi un bug de mon navigateur?

car si cela fonctionne chez d'autre ce n'es pas une histoire de code.
Ça semble effectivement venir de mozilla 1.6 !

Comme il faut mozilla 1.6 pour reproduire le problème, je te suggère de cacher les déclarations de ta CSS une par une afin d'isoler celle qui est en cause. On pourra sans doute contourner le bug en sachant sur quoi travailler...
mozilla 1.8a4 sous XP: ça foire sévère pour ma part :S
http://www.mentalwarp.com/~moob/tmp/bug.png [image temporaire > 15/02/05]
en bas à l'ouverture de la page, en haut après un simple clic sur la scrollbar, en recliquant dessus il revient à l'état du bas. Le scroll qui apparait est fonctionnel, mais bon....
Le problème interviens si je veux mettre mon padding à 0
que ce soit en utilisant une liste dans un div(width:200px) ou en utilisant la liste en tant que bloc avec un (width:200px) .

Si je ne mets pas ce padding à 0 cela me donne rien de bon.
lut la foule Smiley cligne

Bon comme j'ai pas résolu le problème je suis passé à une version supérieur et le phénomène à disparu.

Mais j'aimerais bien comprendre pourquoi cela faisait cela?
knarf a écrit :

Mais j'aimerais bien comprendre pourquoi cela faisait cela?

Sans doute un bug résolu dans la version supérieure ! Smiley lol