Geckozone

Bonjour à tous.

J'ai réalisé un div de menu, qui se trouve à la fin de mon fichier xhtml, et je lui ai donné une hauteur de 100% pour que son fond soit visible sur toute la hauteur (après je place diverses boites dedans). Le hic c'est que dès qu'on scrolle, et ben on se rend compte que le height ne concerne que la zone affichée lors du rendu de la page, et on voit une coupure
Est-ce que quelqu'un aurait une idée pour solutionner ça ?

Il est placé comment ton menu ? Flottant ou position absolue ? Peut-être qu'il te suffit d'ajouter un <div> conteneur autour.

Bonjour,

La solution proposée sur A List Apart, Faux Columns ne te conviendrait-elle pas ?
C'est prévu pour un bloc en position absolue.

La soluce du background de faux columns, histoire de tricher, c'est pas vraiment très réglo
Mon menu est en absolute, et il est contenu dans un div main qui fait tout le body (benoit, va voir la page de la nouvelle UI, c'est de ça que je parle, il s'agit de la partie grise qui ne va pas jusqu'en bas quand il y a une scrollbar)

olab a écrit :La soluce du background de faux columns, histoire de tricher, c'est pas vraiment très réglo
Mon menu est en absolute, et il est contenu dans un div main qui fait tout le body (benoit, va voir la page de la nouvelle UI, c'est de ça que je parle, il s'agit de la partie grise qui ne va pas jusqu'en bas quand il y a une scrollbar)

Bon je crois que j'ai trouvé un truc sans mettre d'image (les couleurs sont fictives, j'ai fait ça avec le bookmarklet test styles et le DOM inspector, mais tu verras vite ce qu'il faut changer )
Il reste un décalage en trop sur le contenu alors mais j'espère que tu trouveras comment l'enlever.

Merci, ça s'en approche. Par contre je pige pas, le div main, il devrait prendre toute la place du body non ? Là c'est louche tu mets un border: 1px solid red le main va jusqu'en bas, et si tu mets juste border-left, ya une bande grise en bas ! Comportement bizarre je trouve...