Discussion :

[veust80]

J'ai un problème très gênant niveau présentation : comment ajuster une hauteur relative à un bloc avec le css car en fait sur le site que je suis en train de construire il y a un menu et un corps de page qui varient d'une page à l'autre de mon site au niveau du contenu. Du coup, les deux blocs ne font jamais la même hauteur. Voici un exemple. Comment faire pour que mon menu et mon corps de page soient alignés à mon pied de page, car niveau présentation c'est vraiment pas top. J'ai essayé la propriété "margin-bottom" ça ne marche pas et mettre une hauteur fixe est impossible vu que mon corps de page varie suivant le contenu.

Merci d'avance

[kaiser59]

Salut,

ceci répond à ta question

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div#contenu
{
width:  200px; /* taille fixe donc le div ne sera pas redimmensionner en largeur */
height: 250px; /* taille fixe non redimmensionné en longueur */
overflow: auto; /* étant donné que le div ne sera pas redimmensionner il est donc utile (enfin s'il on veut) d'afficher la scrollbar lorsque le contenu devient plus grand le div */
}

Pour les tailles variables, il suffit de remplacer px par %

++

PS : "contenu" est un exemple tu lui donne le nom que tu veux.

[veust80]

J'ai bien essayé de mettre un hauteur en pourcentage mais rien à faire mon menu s'arrete toujours apres la derniere ligne de contenu. J'avoue que j'ai du mal à comprendre.

[kaiser59]

re,

Pourrais tu mettre un screenshot de ton problème avec les % parce que j'ai du mal à voir ce que tu veux dire

++

[veust80]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#mv				 {float: left; width: 250px;height: 100 %; font-family: georgia, verdana; background-color: #00a900; border: 2px solid #000000; margin-top: 5px}

Voilà le code css de mon menu vetical mais le mettre à 100% ne fit que lui donner la hauteur en fonction de son contenu. Ce que je veux, c'est que la hauteur de mon menu se cale à la hauteur de mon corp de page qui est de hauteurs différentes selon mes pages (toutes mes randos ne font pas la même longueur au niveau description. C'est pourquoi je me disait que la meilleur solution était de l'aligner par rapport à mon pied de page mais je ne sais pas si c'est possible.

[kaiser59]

Salut,

Logiquement si ton div de menu et de contenu ont un height de 100% il me semble qu'il devrait avoir la même taille en longueur.
As tu essayé de mettre la même taille fixe au deux ?

++