Structure d'une page avec des DIVRésolu

Question

Bonjour j'ai une question toute simple qui me résiste depuis plusieurs année !
et comme je commence un nouveau site web, j'aimerais le faire propre, c'est à dire, sans tableaux, mais avec des DIV et un CSS.

Ma question est simple : 
Comment faire une structure classique de site web avec 5 DIV qui sépare la page en 5 blocs :
1 en haut, de taille 100% de l'écran et de hauteur fixe
1 menu à gauche de taille fixe
1 menu à droite de taille fixe
1 : le contenu de la page, au milieu des 2 menus, et qui prend toute la place libre (donc de taille non fixe, c'est à dire 100% de l'espace restant)
1 en bas, qui clos la page web (pas forcément nécessaire, je peux l'integrer au bloc central)

(j'aurais bien fait un dessin mais c'est compliqué)

Voilà si vous avez une solution pour ces 5 div et leurs style CSS, ça serait pour moi la découverte du siècle, parce que c'est bien beau de se passer de tableau mais bon.... 

Merci beaucoup !!

Ciaò 
- MadMatt -
Vb System Library

PlayerMania · Accepted Answer

Il restait un bug lorsque tu mettais plus de contenu dans la page, et le menu de droite se placais en dessou de ton contenu, il ne restait donc plus qu'a fixé les 2 menu a 80px du haut qui est la hauteur du haut de la page, tient avec ça t bon : 80px;">Haut top:80px;">Gauche Texte de ma page Texte de ma page Texte de ma page Texte de ma page top:80px;">Droite Bas Ciao et bonne prog !! Au fait ta de la chance, normalement ici, c'est un forum JavaScript, lol...

PlayerMania · Answer

Test voir ça si cela te convient, me suis pas embeté, je t tout mit ds l'html, g fait un ptit test, ça devrait etre bon Haut Gauche Texte de ma page Droite Bas

MadM@tt · Answer

Merci beaucoup pour la réponse, j'ai testé ce que tu as proposé mais j'avais déjà essayé ça et ça ne convenait pas car le bloc du milieu (le contenu de la page quoi) ne prend pas toute la largeur disponible, donc si on met une couleur de fond par exemple, on le voit bien. Mais hier soir, étant bien desespéré, j'ai continué à chercher et j'ai enfin trouvé. Je laisse la solution si ça interesse du monde : Haut Gauche Texte de ma page Droite Bas Merci encore Ciaò - MadMatt - Vb System Library

MadM@tt · Answer

Ah oui merci j'ai épuré le code que j'avais trouvé un petit peu trop.

Ciaò 
- MadMatt -
Vb System Library

Structure d'une page avec des DIV

4 réponses

Votre réponse

Discussions similaires