Page 1 sur 1

Hauteur 100% ??

Posté : 03 mai 2007, 19:45
par Zolmitriptan
Bonjour à tous,

Voila le problème : je ne trouve aucun moyen de faire un design extensible aussi bien dans la largeur que dans la hauteur... en fait, c'est bon pour la largeur, mais pas pour la hauteur.

Je m'explique :
Mes pages sont structuré ainsi :
Une bannière, un menu à gauche et le corps, cela grace au <div>. J'aimerais que mon menu s'étendent jusqu'en bas de la page, mais il n'y a pas moyen, il prend uniquement la place dont il "a besoin", c'est-a-dire la place du texte à l'interieur.

N'y a t-il aucun moyen de faire cela ??

Posté : 09 mai 2007, 18:16
par chrislabricole
Essaye de trouver cela en css....
ou alors fais avec table au lien de div et dans la balise table, tu met :
border="0" cellpadding="0" cellspacing="0"
qui fera que sa sera les même propriétés de div...
C'est moin propre mais le temps que tu reste dans les règle du w3c , c'est super propre ! :lol:

Bonne fin de journer !

Posté : 10 mai 2007, 12:12
par Victor BRITO
En CSS, il y a la propriété display: table-cell qui permet d'appliquer des hauteurs de 100%. Malheureusement, elle n'est pas implémentée par Internet Explorer, même dans sa version 7.

Posté : 11 mai 2007, 08:57
par oox
Il existe d'autres méthodes pour avoir une hauteur de 100%.
En décortiquant cette page tu devrais trouver la solution.

Posté : 14 mai 2007, 14:45
par L0007
Il me semble qu'il faut spécifier la hauteur du body à 100%.

Je crois que tout est relatif au conteneur.

Posté : 14 mai 2007, 15:28
par Victor BRITO
Il me semble qu'il faut spécifier la hauteur du body à 100%.
body et html.

Ce tutorial d'Alsacréations en montre un exemple.

Posté : 15 mai 2007, 09:44
par Zolmitriptan
Merci à tous pour vos réponse.

J'ai trouvé une solution (avec beaucoup de lecture et de test :D )

Et, il faut en effet que html et body soit à 100%.
J'ai aussi tout mis (mon contenu, ma bannière, mon menu) dans un conteneur div global qui lui aussi à une taille de 100%. Pas utile juste si on veut juste que le menu soit de 100%, mais necessaire pour le contenu.

Voila voila