Forum d'entraide PHPFrance

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 ??

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 !

Bonne fin de journer !

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.

Il existe d'autres méthodes pour avoir une hauteur de 100%.
En décortiquant cette page tu devrais trouver la solution.

Il me semble qu'il faut spécifier la hauteur du body à 100%.

Je crois que tout est relatif au conteneur.

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.

Merci à tous pour vos réponse.

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

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