Modèles de Mise en Pages - Modèle 4

Bonjour,

J'ai un petit souci avec le modèle 4 des modèles de Mise en Pages.
Voila ou ca se passe:
Les modèles de mise en pages.
Le Modèle 4

Je le trouve excellent ce modèle. Mais j'ai un souci avec. Si le contenu est plus court que le menu...le pied vient mordre le menu...

Illustration:
http://ziad270.free.fr/publicshow/model4/modele4.jpg

Sinon ici pour une version Html.

Je n'arrive pas à résoudre ca...ca fait plusieurs heures que je suis sur le problème...et je sèche....

Serais heureux si quelqu'un pouvait m'éclairer.
Modifié par ziad270 (30 Nov 2005 - 14:27)

Salut !

C'est peut-être une connerie [ pas essayé ] mais si tu mets une hauteur mini à ton menu ?

#gauche {
position: absolute;
left:0;
width: 150px;
[b][#red]height: 150px;[/#][/b]
}

A+

Didier

Je vais essayer et donner ici le résultat.

(Le problème que je sens...c'est que site sur lequel je l'applique est fluide et zoomable...donc je pense que je vais essayer avec un truc en 'em')

En tous cas merci beaucoup pour ta réponse
Modifié par ziad270 (02 Dec 2005 - 12:12)

Bon première approche...

Si je modifie le Height sur gauche celà ne change rien...par contre sur Centre ca marche relativement bien...mais l'idéal est un "min-height" sur le centre...

Hélas ca ne fonctionne pas sous IE. Je me penche sur le problème aujourd'hui.

http://forum.alsacreations.com/faq/#item60
Modifié par ziad270 (05 Dec 2005 - 10:03)

Bonjour

Cet affichage viens du fait que la colonne qui contient le menu a un positionnement absolu :

#gauche {
position: absolute;
left:0;
width: 150px;
}

Soit tu applique comme déja dit un "min-height" sur ton contenu, et pour I.E, un "height" de la même valeur dans une feuille de style a part en commentaire conditionnel (I.E interprete "height" comme "min-height").

Soit tu utilise le positionnement flottant sur ton menu.

Soit tu es sur que ton contenu sera toujours plus grand que ton menu, alors ne touche a rien .

Esperant t'avoir aidé.