Mise en page xhtml/css : hauteur de colone.

Bonjour,
Je suis en train de creer un forum pour mon site (en xhtml et css), je désire avoir une mise en page des messages a la Subsilver 2 de Phpbb : http://demo.phpbb3styles.net/viewtop...yle=10&f=2&t=8

Afin d'être le plus respectueux des standards, je préfère ne pas utiliser de tableaux.

Aprés plusieurs essaie, je suis arrivé a ceci : http://angelfr83.free.fr/test/
(Le code est plutôt crade, mais j'ai pas eu le temps de nettoyer. Donc ne faites pas gaffe au doctype ou autres horreurs.)

Et le problème c'est que la colonne de gauche ne va pas jusqu'en bas... j'ai trouvé plusieurs solutions sur le web, notamment avec l'utilisation d'image de fond, mais je préférerai un truc net et pas du bricolage, et malgré tout mes essais, je crois avoir atteint mes limites, je n'y arrive pas.

Du coup je demande votre aide, si quelqu'un pouvais m'indiquer la voie, je lui en serrait plus que reconnaissant.

Merci et a bientôt,

François

Bonjour,

Un petit conseil: utilise des div ;) (qui ont tendance à prendre toute la place disponible ;))

Ensuite,tu peux jouer avec les margin et les float ;)

Par contre,tes divs devront avoir à peu près cette structure:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<div id="global"> <div id="header">Code de l'header</div> <div id="contenu"> <div id="gauche" style="float:left;width:200px"> Menu de gauche </div> <div id="message" style="padding:200px;background-color:couleur_du_menu_de_gauche"> <div id="vraimessage" style="background-color:background-du-message"> Le vrai message </div> <!-- Ce div sert à harmoniser la taille du message avec le div de gauche (pour éviter d'avoir le contenu plus petit que le div de gauche) --> <div style="clear:both"></div> </div> </div>

---

L'astuce ici est de ne pas agrandir le div de gauche,mais de changer la couleur du div le plus grand ;)

Merci pour la suggestion mais la , trop de div...
Je crois que je vais trouver une autre méthode.

Merci encore.