Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2847 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  hauteur d'une div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

hauteur d'une div

n°1667409
martialus
Brrrrrrrrr
Posté le 07-01-2008 à 22:56:43  profilanswer
 

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
mood
Publicité
Posté le 07-01-2008 à 22:56:43  profilanswer
 

n°1667673
nargy
Posté le 08-01-2008 à 13:05:23  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  hauteur d'une div

 

Sujets relatifs
[Resolu] Probleme de hauteur de tableauGarder hauteur fixe
Colonnes de même hauteur avec bordures : possible sans tableau ?Hauteur d'un div initialisé en auto
[html] forcer à 100% la hauteur d'une image sous FFHauteur de ligne tableau + IE
bloc div flottante droite qui ne prends pas toute la hauteurBalise div de 100% de la hauteur sous IE
Hauteur des cellules en fonction de leurs valeurs?div de la hauteur de l'écran
Plus de sujets relatifs à : hauteur d'une div


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)