Discussion :

[razorlok]

Bonjour à tous,

Est-il possible de lier un div vertical, faisant office de barre de menu gauche, au footer ?

Voici mon code CSS pour ces 2 éléments :

#barre {
width: 150px;
float:left;
height:auto;
position:relative;
margin-left:0px;
background-color:#9ece61;
margin-top:0px;
}

#pied{
clear:both;
height:35px;
text-align:center;
position:relative;
bottom:0;
font-size:13px;
font-weight:normal;
text-decoration:none;
font-family:Verdana;
color:#999999;
white-space:nowrap;
width:100%;
background-color:#000000;
}

[razorlok]

J'entend par la, que le height du div vertical prenne toute la page, jusqu'au footer.
J'ai tenté le heigh:auto; mais ça n'est pas adapté.

[Orgied]

Bonjour,

ca ne sera pas possible en employant uniquement les CSS. Il faudrait fureter du côté du javascript pour réaliser ce que tu veux. La fonction devrait, en gros, vérifier la hauteur de ta page et, en effectuant les soustractions nécessaires, modifier la hauteur de ton menu pour qu'il s'adapte.

Toutefois, je suppose (peut-être à tort mais c'est récurrent) que tu cherches une solution au fait que ta couleur de background du menu s'arrete après le dernier lien et qu'il existe un espace blanc entre ton footer et ton menu.

Si c'est le cas, et vu que ton menu est définit à 150px (si je ne me trompe pas, tu as un template liquid), tu peux peut-être utiliser cette méthode :

Tout d'abord, structurer ta page de cette manière :

Code :

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

1
2
3
4
5
6
7
 
<div id="container">
   <div id="top">...</div>
   <div id="left">...</div>
   <div id="content">...</div>
   <div id="footer">...</div>
</div>

Crée alors une image de 150px de haut sur 1px de large avec la couleur de background désirée et place là comme background de container. Comme container englobe les autres sections (divs), ca donnera l'effet désiré.

Maintenant, désolé si je suis à côté de la plaque et que ce n'est pas ce que tu cherches à faire.

[razorlok]

En effet, c'est une solution, je pense que je vais faire celà étant donné mes infimes compétences en javascript !

Je cherchais du côté du height, mais ce n'est peut-être pas plus mal avec une image de fond dans mon container.