• [^] # Re: Question de CSS

    Posté par (site web personnel) . En réponse au journal Question de CSS. Évalué à 2.

    Sinon pour simuler ta colonne de gauche qui doit s'étendre sur toute la hauteur du viewport, tu peux toujours mettre une image de fond...


    Cela dit d'après ton schéma, quelque chose comme ça devrait marcher :

    html, body {
    height: 100%;
    }

    body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: black;
    }

    div#pricipal{
    position: relative;
    height: 100%;
    }

    div#gauche {
    position: absolute;
    height: 100%;
    width: 200px;
    background-color: red;
    }

    div#droite {
    background-color: blue;
    padding-left: 200px;
    height: 100%;
    }

    <div id="principal">
    <div id="gauche">plop</div>
    <div id="droite">plop</div>
    </div>


    Après le tout est de savoir quel comportement tu veux avoir lorsque le contenu depasse la hauteur du viewport...

    Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment