Expansion de mes divs au-delà du contenu

Question

J'ai une div sidebar à gauche de ma zone de contenu principale et un pied de page ci-dessous. Comment puis-je obtenir ma div side et div contenu principal à la fois pour étendre à mon pied de page sans le remplir de contenu?

Answer 1

Est-ce ce que vous cherchez?

<div style="width:80%; margin:0 10% 0 10%"> 
    <div style="background:red; width:20%; float:left">side</div> 
    <div style="background:blue; width:80%;float:right">main</div> 
    <div style="background:green; clear:both;">footer</div> 
</div> 

Answer 2

Je pense que vous recherchez l'attribut CSS min-height. Je ne sais pas exactement comment le balisage est structuré, mais en l'appliquant à la fois aux divs (gauche et principal), ou à un conteneur environnant devrait le faire.

Si vous en avez besoin pour travailler dans des versions plus anciennes d'IE, vous devriez vérifier l'un des hacks CSS comme: http://www.dustindiaz.com/min-height-fast-hack/