28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une mise en page avec 3 éléments : top, sommaire (à gauche) et centre (à droite.) L'élément de gauche est un sommaire d'une dizaine de lignes qui tient dans l'écran. L'élément de droite, lui, est le corps des articles et nécessite donc un ascenseur. Le problème : j'ai 2 ascenseurs, un pour l'élément gauche (souhaité) et un pour la page entière qui permet le la faire descendre de 3 ligne (non souhaité)

Mon css (extraits) :


body {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
div#top {
	height: 54px;
	background-image: url(logos.jpg);
	background-repeat: no-repeat;
	background-color: #ADD8E6;
	text-decoration: none;
}
div#sommaire {
	padding-left: 10px;
	float: left;
	width: 25%;
	overflow: auto;
	background-color: #ADD8E6;
 }
div#centre {
	margin-left: 10px;
	overflow: auto;
	height: 100%;
}


Dans mon html, j'appelle mes zones par des <div id=""> et tout est nikel... sauf ce problème de double ascenseur (rendu identique dans ie, ff et opera).

Quelqu'un a-t-il une idée ? Merci
Modifié par serafin (19 Oct 2007 - 16:21)
Mikachu a écrit :
Salut,

Ne pas spécifier "overflow: auto" pour ta div#sommaire peut être. Smiley cligne

Merci, je viens d'essayer, mais ça ne change rien Smiley decu
Une autre idée ?
Tymlis a écrit :
Yop,

C'est l'élément gauche ou droit sur lequel tu veux une scroll-bar ?

Droite (cf image). C'est l'ascenseur à l'extrême droite qui est en trop

upload/11837-4p.gif
Patidou a écrit :
Gné? C'est pas l'ascenseur de la fenêtre du navigateur?

Si on veut, sauf qu'il ne baisse que de quelques lignes sans aller jusqu'au bas de la page et qu'en position basse cela donne cela :
upload/11837-4p-2.gif
Modifié par serafin (11 Oct 2007 - 13:13)