28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai un problème avec "overflow: auto;" sur IE6. Vous pouvez voir la page sur www.peusly.net/up/

Voici le css de mon bloc "corps" où il y a le soucis :

#corps{
	overflow: auto;

	position: absolute;
	top: 154px;
	bottom: 0px;
	
	height: auto;	
	width: 614px;
	background-color: #bdbdbd;	
}


Apparement IE6 ne prend pas en compte l'overflow avec "height: auto;", donc je voulais savoir si il y a moyen de contourner le problème pour que la page s'affiche comme sur FF, en sachant que je ne peux pas mettre de valeur fixe, sinon le bloc ne s'adapte pas à la page.

Merci d'avance pour vos réponses.
Modifié par Peusly (28 Mar 2008 - 17:06)
Peusly a écrit :
Apparement IE6 ne prend pas en compte l'overflow avec "height: auto;"

Non. C'est le dimensionnement de la boite via le positionnement absolu (en utilisant à la fois top et bottom ou à la fois left et right) qu'il ne comprend pas.

Solution: rien de compatible IE6 en CSS. À la rigueur en Javascript.

Conseil: ne pas faire ce genre de design, c'est d'la merde de toute manière. Smiley lol Les pages web classiques s'accommodent très bien d'un en-tête non fixe, et en plus ça laisse plus de place pour le contenu en situation de scroll.
Ou bien, si on tient à ce type de design, utiliser plutôt position: fixed. Ça ne sera pas plus compatible IE6 (par contre OK IE7, Firefox, Opera, Safari...), mais il sera plus simple d'obtenir un rendu dégradé correct dans IE6.