18041 sujets

Questions générales et questions de débutants

[résolu] Pb de overflow :(

Salut ..
je viens de finir mon design full CSS et tout marche côté IE et Firefox ...
sauff ... bien sur, comme d'hab ...le dernier truc que tu fais ... le footer

en fait la couleur de fond n'apparait pas sur IE ... je pense que c'est un pb d"overflow Smiley decu mais je m'en sort pas ...

Voici ma css (simplifiée)
/* CSS Document */

#contenu {
	position:relative;
	display: block;
	width :960px;
	left: 50%;
	margin-left: -470px;
	clear:both;
	/*border : 3px solid blue;*/
}

/*****************************************/
/*                                       */
/*               FOOTER                  */
/*                                       */
/*****************************************/
#footer_bg {
	background-color: #422C21 ;
	border-top: 4px solid white;
	height: 100%;
}
#footer {
	position: absolute;
	overflow: auto;
	margin-left: -470px;
	left: 50%;
	width :960px;
	border : 1px solid green;
}


et le html simplifié aussi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<!-- Include Ext stylesheets here: -->


<link rel="stylesheet" type="text/css" href="css/interface3.css" />


<title><?php echo TITLE_SITE; ?></title>
</head>
<body>
<div id="contenu">
	contenu <br />
contenu <br />
contenu <br />
contenu <br />
contenu <br />

</div>
<div id="footer_bg">
	<div id="footer">
	
			footer<br />	footer<br />	footer<br />	footer<br />	footer<br />	footer<br />

	</div>
</div>
	
</body>
</html>


le problème est que sur IE, pas de couleur de fond de bg ...
sauf si je passe mon footer en position relative ...

#footer {
	position: relative;
	overflow: auto;
	margin-left: -470px;
	left: 50%;
	width :960px;
	border : 1px solid green;

mais dans ce cas IE ne prends pas le margin-left ... et ça fout en l'air ma présentation ...

donc dans les deux cas j'ai un pb ou l'autre ...
je craque Smiley decu

help !
d'avance merci
@+ Smiley lol
Modifié par caviar (07 Jul 2009 - 16:04)
La position absolue fait sortie l'élément du flux. La couleur de fond étant celle du contenu de l'élément sorti du flux, il ne contient plus rien et donc la couleur de fond n'apparait pas car #footer_bg est "vide".

La positionnement absolu a t'il une raison d'être ? (pas d'après le code que tu nous montre mais sait-on jamais). Si ce n'est pas le cas, le supprimer tout simplement sera la solution.

Un peu de lecture concernant le positionnement CSS.

ps. tu peux centrer ton site en utiliser des marges gauche et droite "auto".
raaah ! c'était si simple ...
merci !

mais juste une question ... j'avais pris l'habitude de ne pas utiliser margin auto car d'après ce que j'ai lu dans le bouquin de Raphael "css pratique du webdesign" P129 ça ne fonctionne pas en dessous de IE5.5 ...
EN relisant je m'apperçois que maintenant IE 5.5 on s'en fout un peu en fait ... lol

ok merci pour tout alors !
Sujet clos
Aller à