28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'essaye de faire une div d'une hauteur de 1px (pour faire une bordure de couleur) car le border ne me satisfait pas (il passe au-dessus d'un background cadré à droite).

Mon problème est que en IE il fait toujours plus que 1px !! pas en FF

Voici mon code plus que basic :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title></title>
  <style type="text/css">
    * {
      padding:0px;
      margin:0px;
      border:0px;
    }  
    
    body {
      text-align:center;
    }

    #site {
      
      width:80%;
      border-left:1px solid #a2a1a6;
      margin:20px auto;
      background: #FFFFFF url(images/degrade_droite.jpg) repeat-y right;


    }
    #header {
      background: #a2a1a6 url(images/degrade_droite.jpg) no-repeat right;
      width:100%;
      height: 1px;
    }
  </style>
  </head>
  <body>
      <div id="header"></div>
  </body>
</html>


Pouvez-vous m'aider ?
Modifié par StudioTchio (29 Jan 2006 - 20:33)
Salut,
si tu ajoutes "overflow: hidden;" (ici à #header) IE respectera la hauteur de 1px

a+
Alain
Bingo Alan et merci beaucoup.

J'avais essayé le line-height:0 marqué dans la FAQ mais rien n'y faisait ...
C'est le overfloaw : hidden qu'il fallait

Merci à tous.