CSS: site centré taille 100% MAIS bord blanc sur les côtés RESOLU

hx.jonathan · 5 Novembre 2009

Salut,

J'ai commencé mon design css avec une srcture très simple pour voir si je parviens à centrer le site et faire en sorte que le header prenne 100% de la largeur avec une image en arrière plan. Mais j'ai toujours un bord blanc. Pourtant tout est à 100% en largeur. Comprends pas.

Voici mon code :

Code:

<!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-1" />

<link href="css/styles.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/tableaux.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/main_menu.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/textes.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/titres.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>


<div id="global">

		<div id="header">TEST</div>
</div>


</body>
</html>

Mon CSS :

Code:

html, body {
	height: 100%;
}
body {
	padding: 0;
}
#global {
	min-height: 100%;
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

#header {
width:100%;
height:157px;
background-image:url("../images/header_repeat.jpg");
background-repeat: repeat-x ;

}

Voilà donc une structure on ne peut plus simple. Si quelqu'un a une soluce.

Merci.

La Chaise sauvage · 5 Novembre 2009

Re: CSS: site centré taille 100% MAIS bord blanc sur les côtés

Code:

  html, body {
       height: 100%;
	   margin:0
    }

:wink:

hx.jonathan · 5 Novembre 2009

Ok merci ça fonctionne. Et dire que c'était si simple.