Salut à tous,

Je cherche à faire une page de la forme suivante :

- 1 div « titre » qui contient un H1 avec le titre, fixe et toujours visible (sans chevauchement donc le div est position fixed, overflow auto)
- 1 div page en-dessous (overflow hidden), contenant 2 div :
1) 1 div menu sur la gauche (float left, position fixed)
2) 1 div contenu au centre (float right)

Le problème est que je n'arrive pas à faire en sorte que par défaut, le texte du div contenu (et du div menu d'ailleurs, donc je suppose du div page) soit visible, et qu'il glisse ensuite sous le titre quand on scrolle avec l'ascenceur. J'arrive à le faire glisser dessous en le cachant, mais le haut du texte est caché dès le début sous le div titre.

Le CSS :

div#titre

{

        overflow: auto;

        position: fixed;

}



div#page

{

        overflow: hidden;

}



div#menu

{

        float: left;

        position: fixed;

}



div#contenu

{

        float: right;

}

Le HTML associé :

div id="titre" fin-div-titre
div id="page"
div id="menu" ul li-truc li-bidule fin-ul fin-div-menu
div id="contenu" bla bla blaaaa bla bla bli blo blu fin-div-contenu
find-div-page

J'ai essayé avec diverses combinaisons de float, de clear, de position, de display, de height, de width, de top-bottom-right-left, y'a rien à faire.
Vous auriez une idée / un exemple ? Merci.

> Lire le message (5 commentaires, moyenne: 2).