Un réctangle en css

wezn -  
 wezn -
Bonjour,


Je désire faire un rectangle noire qui prend toutes la largeur de ma page web en css, voici mon code:

HTML:
************************************************************
<div id="fond_entete">
</div>

************************************************************


CSS:
************************************************************
#fond_entete
  { 
     width:100%;
     height:150px;
   }

************************************************************

Malheureusement ca ne marche pas a 100%, car il reste toujours une marge à gauche et une autre à droite.
Pour remédier j'ai essayé un truc qui marche bien, sauf pour les résolutions d'affichages inférieures ou égales a 800x600, que voici:

CSS:
************************************************************
#fond_entete
  { 
     width:100%;
     height:150px;
     margin-left: -20px;
     margin-right: -20px;
   }

************************************************************



Je ne trouve pas ça très propre, et j'aimerais savoir s'il y a une alternative pratique et compatible avec toutes les résolutions.

Merci d'avance.


3 réponses

Utilisateur anonyme
 
un rectangle dans le genre qui à
<a href="http://www.dherbais.be">ici</a>
, pour contenir des lignes de texte et/ou des ilages, des liens (en gros du code).
0
ze-life-of-quent1 Messages postés 1582 Date d'inscription   Statut Membre Dernière intervention   776
 
Bonjour,
personnellement pour faire sauter les marges, j'utilise ceci:
body{
 margin:0;
 padding:0;
}
0
wezn
 
Oui exactement comme ce rectangle vert dans le site http://www.dherbais.be/.

Enfet j'ai essay le padding et le margin a zero mais ca ne marche pas.

Je vais voir le fichier css du site propos par seby1996.

Merci
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
il faut faire un reset aussi sur le html :
html, body{
 margin:0;
 padding:0;
}


Ou encore plus radical, un reset sur tous les élements :
*{
 margin:0;
 padding:0;
}
0
wezn
 
Merci mille fois notobe, la solution *{margin:0;padding:0} a résolu mon problème.
0