hauteur d'une div

hauteur d'une div - HTML/CSS - Programmation

Marsh Posté le 07-01-2008 à 22:56:43    

Bonjour,
 
Comment étendre une div sur toute la hauteur de la page.
Sur différentes discussion j'ai vu la méthode spacer, lais aussi la méthode forçage des body et html à 100% sans résultat.
 
Merci de votre réponse.
 
Voici ma mise en forme :
 
logo         pub
sommaire  centre
 
Voici le code de la page principale :
--------------
<head>
</head>
 
<body  bgcolor="#FFFFFF">
 
<div class="general" id="general">
<div class="logo">
</div>
 
<div class="sommaire">
</div>
 
 
<div class="pub" id="pub">
</div>
 
<div class="centre" id="centre">
 
UN<br>
<br>
<br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br>
deux
</div>
<div class="spacer">&nbsp;</div>
</div>
 
 
</body>
</html>
-----------------
et voici la page css associée :
----
.spacer {
  clear: both;
}
 
.general{position:relative;
         width: 800px;
        margin: 0 auto;
        clear: both;
         left:0px;
         top:0px;
         background:green;
         z-index:0;
         border-width:2px;
         border-color:#9999FF;
         border-style:double;
         padding:5px;
         
        }
         
.logo{position:absolute;
      left:1px;
      top:1px;
      width:98px;
      height:70px;
      z-index:1;
      text-align:center;
      border:thin solid black;
     }
.pub{position:absolute;
     left:105px;
     top:1px;
     height:70px;
     width:699px;
     z-index:1;
     overflow:hidden;
     text-align:center;
     border:thin solid black;
    }
.sommaire{position:absolute;
          left:1px;
          width:98px;
          top:82px;
          z-index:1;
          text-align:center;
          border:thin solid black;
         }
 
.centre{position:absolute;
        left:105px;
        width:699px;
        top:82px;
        z-index:1;
        text-align:center;
        /*border:thin solid black;*/
       }
--------- :bounce:


---------------
Je ne suis pas un pro, mais je me débrouille
Reply

Marsh Posté le 07-01-2008 à 22:56:43   

Reply

Marsh Posté le 08-01-2008 à 13:05:23    

utilise les balises [ code ] [ /code ] (sans espaces).
tu es obligé d'avoir un tableau d'une case avec l'attribut height=100% pour que ce soit compatible tous navigateurs. dedans tu y mets tous les divs que tu veux.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed