28172 sujets

CSS et mise en forme, CSS3

[Résolu] Height 100 , once again !

Bonjour,

Le problème des height: 100% revient souvent sur les forums, avec une solution de donner une hauteur 100% à un élément racine tel que html ou body.

Soit !

Sur Firefox, on va donc avoir des blocs de hauteur de 100% qui occupent 100% de la page visible !

Mais à ce moment là comment obtenir des blocs de hauteur 100% qui occupent 100% de la page et non seulement de la portion visible ?

Si vous avez des pistes...

Merci d'avance !

GS
Modifié par slater0013 (04 Jun 2009 - 10:46)
Réponse à moi-même....

Utiliser un div ! Trop simple Smiley smile 

<body>
<h1>Ma page</h1>
....
<p>Footer - Fin de page</p>


se transforme en :


<body>
<div>
<h1>Ma page</h1>
....
<p>Footer - Fin de page</p>
<hr style="clear: both; visibility: hidden">
</div>


Et voilà !

Ce div fait mécaniquement toute la hauteur de la page car il englobe toute la page !

CQFD !
Sujet clos
Aller à