• # Une solution css

    Posté par (site web personnel) . En réponse au message Fixer arbitrairement une taille fixe à un élement.. Évalué à 4.

    Voici une solution qui gère le problème très simplement (ça tombe bien, j'ai fais une css pour dotclear il y a peu sur ce principe, voir ma page perso si ça intéresse quelqu'un)
    <html>
     <head>
     <style>
     body {
     overflow: hidden;
     }
     
     #menu {
     width: 200px;
     float: left;
     
     background: whitesmoke;
     }
     
     #contenu {
     height: 100%;
     overflow: auto;
     
     background: lightblue;
     }
     </style>
     </head>
     <body>
     <div id="menu">
     <ul>
     <li>item1</li>
     <li>item2</li>
     </ul>
     </div>
     <div id="contenu">
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     <br><br><br><br><br><br><br><br><br><br><br><br><br>
     <p>du contenu</p>
     </div>
     </body>
    </html>
    
    Le principe est de mettre un overflow:hidden sur le body pour masquer complétement la barre de défilement. Mettre la taille du bloc page à 100% (ce qui fait que la taille est celle de la page) ainsi que overflow:auto pour permettre de scroller dans ce bloc. Voilà, j'espère que ça pourra aider. note : testé sous firefox 2, ie du 5 au 7 (j'aurais bien testé sous safari mais le temps que j'allume le mac...)