2 divs position

Question

moi à nouveau avec mes divs = ( j'ai ceci:

<div id="header"></div> 
<div id="body"> 
    <div id="..."></div> 
    <div id="..."></div> 

    <div id="content"></div> 
</div> 
<div id="footer"></div> 

et css:

#body { width: 100%; margin 0 auto; } 
#content { position: absolute; height: 200px; width: 100%; } 
#footer { height: 63px; clear:both; } 

se soldent maintenant par: contenu div avec beaucoup de texte et le pied de page en texte.

Comment puis-je faire mon pied dans toute zone de contenu?

Answer 1

J'ai encou modifié cette situation plusieurs fois. J'utilise sticky footers. Il est largement compatible avec plusieurs navigateurs et semble fonctionner.

Answer 2

Si vous utilisez ce style, vous verrez le (bleu) #footer sous le (rouge) #content que vous avez demandé:

#body {width: 600px; margin 0 auto; } 
#content {position: relative; height: 200px; width: 600px; background-color: red; } 
#footer {height: 63px; clear:both; width: 600px; background-color: blue; }