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

hx.jonathan
WRInaute discret
WRInaute discret
 
Messages: 162
Inscription: 2 Mar 2005

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

Message le Jeu Nov 05, 2009 13:09

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: Tout sélectionner
<!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: Tout sélectionner
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.
Dernière édition par hx.jonathan le Jeu Nov 05, 2009 13:18, édité 1 fois.

La Chaise sauvage
WRInaute impliqué
WRInaute impliqué
 
Messages: 718
Inscription: 11 Avr 2005

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

Message le Jeu Nov 05, 2009 13:12

Code: Tout sélectionner
  html, body {
       height: 100%;
      margin:0
    }


:wink:

hx.jonathan
WRInaute discret
WRInaute discret
 
Messages: 162
Inscription: 2 Mar 2005

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

Message le Jeu Nov 05, 2009 13:17

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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités


cron