28221 sujets

CSS et mise en forme, CSS3

Problème de footer si page trop courte

bonjour,
J'ai un site qui contient un header, un colonne gauche, une partie centrale et un footer. Le site fait 760px de large et est centré sur la page. Le problème ce passe qd la page est plus courte que la hauteur de l'écran. Le footer reste collé a la partie centrale, mon menu de gauche étant assez long, le footer passe derrière si la partie centrale ne contient que quelques lignes. J'ai bien essayé de mettre un min-height 100% sur le centre mais ca ne fait rien.
J'ai aussi un ombrage autour du site, dans le body j'ai mis
background: #dcb683 url(images/degrad.gif) top center repeat-y;
du coup peut importe la longueur de la page, j'ai bien le degradé qui va toujours jusqu'en bas mais le footer remonte.
Dans l'htam j'ai rangé comme ca:

<body>
         <div id="conteneur">
                <div id="header"><div>
                <div id="gauche"></div>
                <div id="centre">
                    Tout le contenu de ma page
                </div>
             <div id="footer"></div>
        </div>


merci de votre aide
Je viens de penser à un cas qui peu poser problème (je dévie un peu du sujet) : si on veut un min-width sur un bloc qui fait 100% de large, comme faire ? La technique pour la hauteur ne s'applique pas...
Sujet clos
Aller à