voici une solution pas trop mal en m'insiprant de ce qu'à dit Florent V. Seuelement, sans les menus en fixed, car je ne pense pas que ce soit une bonne idée.
code css
html {
height: 100%; /*obligatoire */
}
body {
margin: 0px;
padding: 0px;
height: 100%;
background: #ff0 url(menu-gauche.gif) top left repeat-y; /* background dépassement du menu de gauche */
}
#left-menu {
min-height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: #ff0 url(menu-gauche.gif) top left repeat-y; /* background du menu correspondant au minimum à 100% de la hauteur */
width: 190px;
}
#right-menu {
min-height: 100%;
position: absolute;
top: 0px;
right: 0px;
background: #00f url(menu-droite.gif) top left repeat-y; /* background du menu correspondant au minimum à 100% de la hauteur */
width: 190px;
}
#center {
min-height: 100%;
margin-left: 190px;
padding-right: 190px;
background: #ccc url(menu-droite.gif) top right repeat-y; /* background dépassement du menu de droite */
}
#head {
background: #0f0;
height: 150px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
padding-right: 190px;
padding-left: 190px;
}
#contents {
padding-top: 150px;
}
On gère la continuité apparente du menu qd le contenu dépasse de l'écran à l'aide des background du body et du contenu.
Code css pour ie6, à mettre avec des commentaires conditionnels
#left-menu {
height: 100%;
}
#right-menu {
height: 100%;
}
#center {
height: 100%;
}
#head {
position: absolute;
}
code xhtml
<body>
<div id="head">
En tete
</div>
<div id="left-menu">
<p>Menu de gauche</p>
<p>Menu de gauche</p>
<p>Menu de gauche</p>
<p>Menu de gauche</p>
<p>Menu de gauche</p>
<p>Menu de gauche</p>
<p>Menu de gauche</p>
</div>
<div id="center">
<div id="contents">
Contenu
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
<p>Grand passionné de voile, E. Bertarelli a toujours rêver de créer un team qui serait capable de participer, et surtout de gagner la Coupe de l'America. En 2000, il se déplace en Nouvelle-Zélande pour assister au triomphe de Team New Zealand sur les Italiens de Luna Rossa par 5-0. Il est très impressionné par la qualité des marins néo-zélandais et surtout par leur barreur Russell Coutts. Peu après la victoire de Team New Zealand, des tensions apparaissent au sein de l'équipe et plusieurs membres décident de quitter le projet. Russel Coutts se rapproche de Bertarelli et ce dernier l'engage, ainsi que toute la cellule arrière de TNZ, celle-la même qui avait triomphée lors des deux précédantes éditions.</p>
</div>
</div>
<div id="right-menu">
<p>Menu de droite</p>
<p>Menu de droite</p>
<p>Menu de droite</p>
<p>Menu de droite</p>
<p>Menu de droite</p>
<p>Menu de droite</p>
</div>
</body>
Modifié par yahrou (20 Mar 2007 - 11:27)
Là rien à dire, cela fonctionne depuis le début.
), la marche à suivre est la suivante :