28172 sujets

CSS et mise en forme, CSS3

Sur IE7 j'ai un décalage à 200px du haut (fin de mon div #page ) avec une image de fond centrée dans le body et (pour l'exemple) la même image de fond appliquée dans un div centré également.
Pas de décalage sur Firefox, Safari PC et Opéra.

merci de votre aide

lien de test : http://web1w6.nfrance.com/~wb64660/


<!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>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
border:0;
}
body {
	margin:0 auto;
	background-color:#CCCCCC;
	padding:0;
	background-image:url(background3.png);
	background-repeat: repeat-y;
	background-position: center top;
	
	
}
#page {
	margin:0 auto;
	width:980px;/* largeur de l'iamge de fond*/
	height:200px;
	background-image:url(background3.png);
	background-repeat: repeat-y;
	background-position: center top;
	padging:0;
}
-->
</style>
</head>
<body>
	<div id="page"></div>
</body>
</html>

Modifié par visual (24 Apr 2008 - 14:54)