28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis en train de faire un petit modèle de site en XHTML + CSS et j'ai un problème de mise en forme.

Pour commencer et vu qu'une image vaut mieux qu'un long discours voici ce que j'obtiens (image cliquable) :
http://www.izipik.com/images/20080708/tbnli3uv1kq0kgfkwtahn-pb.png

Ce modèle est composé de 5 divs.
un div 'main' (couleur de fond verte) contenant :
Header
Menu Content
Foot
Les dimensions fixes sont celles du 'Header' et du 'Foot' et les largeurs du 'Menu' et du 'Content'.
Là où ça coince c'est que la hauteur du menu ne s'allonge pas en fonction la longueur du contenu et je voudrais si possible réaliser cela sans prédéterminer la hauteur. Est-ce réalisable ?

J'ai essayé pas mal de choses mais pour le moment rien n'a fonctionné.

Merci d'avance pour vos réponses.
Modifié par GregLe (08 Jul 2008 - 16:58)
Bonjour et bienvenue sur Alsacréations,

GregLe a écrit :


Pour commencer et vu qu'une image vaut mieux qu'un long discours voici ce que j'obtiens


Une page en ligne reproduisant le problème rencontré c'est bien mieux Smiley cligne . Là on ne sait rien des choix retenus pour cette mise en page.

A vue de nez, tu dois utiliser des flottants et dans ce cas la FAQ devrais te venir en aide: Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?
Modifié par Igor (08 Jul 2008 - 18:01)
Hello,
Pour voir ce que ça donne online :
http://www.smartmax.ch/Untitled-1.html

Quand à l'URL que tu m'as transmise, ça ne correspond pas vraiment à ce que je voudrais faire. Utiliser un ascenseur en cas d'overflow ne m'intéresse pas vraiment .J'ai trouvé des bidouilles sur le net mais ça commence à dater et ça ne me paraît pas propre.

Je voudrais 'simplement' que mon div 'menu' s'allonge en même temps que mon 'div' content. Je sais pas si je suis très clair.
GregLe a écrit :
Je voudrais 'simplement' que mon div 'menu' s'allonge en même temps que mon 'div' content. Je sais pas si je suis très clair.

Alors il faut aller voir du côté de «Comment faire des "colonnes" de même hauteur ?», toujours dans la FAQ du forum.
Florent V. a écrit :
il faut aller voir du côté de «Comment faire des "colonnes" de même hauteur ?», toujours dans la FAQ du forum.

Bis répétita. Smiley cligne