hauteur d'une div
hauteur d'une div - HTML/CSS - Programmation
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.
Sujets relatifs:
- [Resolu] Probleme de hauteur de tableau
- Garder 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 FF
- Hauteur de ligne tableau + IE
- bloc div flottante droite qui ne prends pas toute la hauteur
- Balise div de 100% de la hauteur sous IE
- Hauteur des cellules en fonction de leurs valeurs?
- div de la hauteur de l'écran
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"> </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;*/
}
---------
---------------
Je ne suis pas un pro, mais je me débrouille