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

  1. 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
  2. ze-life-of-quent1 Messages postés 2169 Statut Membre 780
     
    Bonjour,
    personnellement pour faire sauter les marges, j'utilise ceci:
    body{
     margin:0;
     padding:0;
    }
    
    0
  3. 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
    1. notobe Messages postés 2222 Statut Membre 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
    2. wezn
       
      Merci mille fois notobe, la solution *{margin:0;padding:0} a résolu mon problème.
      0