Bonjour,

Je suis en train de créer une charte graphique valide XHTML 1.0 Transitional. J'ai un problème dans la disposition des <div> :

J'ai besoin d'avoir :
- un menu à droite (130px),
- un espace de texte principal (600px),
- un pied de page.

Pour cela j'utilise trois balises <div> :
- menu (float: right),
- main (min-height: 300px),
- footer.

Si l'espace de texte principal est vide et que la hauteur du menu est supérieure à 300px, alors le pied de page apparaît au dessus du menu.

Ce sera peut être un peu plus clair avec un schéma (pièce jointe).

Cela m'oblige donc à modifier la valeur de min-height en fonction de la taille du menu. Avez-vous une astuce pour empêcher ce problème ?

Ajoute dans ta balise footer :


Ca devrait fonctionner

Ou ta page ne sera jamais vide

C'est bon, ça marche !

Merci pour votre aide.