CSS div 100% mise en page

Question

Quelle est la manière la plus élégante de réaliser quelque chose comme that avec divs pour IE7 et supérieur et les autres navigateurs (chrome, firefox, ...)?

Merci

Answer 1

Mon préféré est le plugin jQuery UI.Layout. Il imite la "disposition de bordure" Java très flexible. Bien qu'il existe des méthodes css pur, je trouve qu'ils prennent beaucoup de peaufinage, et ont des effets secondaires sur d'autres éléments de mise en page. Alors qu'avec le plugin javascript, j'ai pu le faire fonctionner en quelques minutes.

Example

Answer 2

Prenez un look at this, regardez la source, il vous montrera ce qui est impliqué dans une mise en page fixe/fluide.

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/

Answer 3

Vous êtes probablement un sticky footer. Similaire aux fausses colonnes, il ressemble à votre résultat souhaité, mais "triche" dans un certain sens. En dehors de cela et des tables, vous ne pourrez pas atteindre cela avec CSS en raison de la hauteur (il ne peut pas hériter de valeurs relatives, par exemple, les éléments ne peuvent pas être définis à 100% height si le parent a sa taille définie sur auto ou une valeur en pourcentage).