2010-05-15 12 views
1

Comment feriez-vous ceci: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-pageCSS: mise en page fluide - pied toujours au fond, et un centre fluide

Sauf avec un centre fluide (étiré verticalement, hauteur 100%)?

+0

http://matthewjamestaylor.com/blog/bottom-footer-demo.htm est la démonstration –

+0

Pouvez-vous être plus descriptif de ce que vous voulez? Centre de fluide horizontalement et verticalement? Verticalement étiré au fond du contenu? Hauteur 100% de quoi? – mVChr

+0

Je veux que la DIV au milieu de la page permette des éléments à l'intérieur en utilisant la largeur: 100% –

Répondre

1

J'utiliserais un affichage: table; mise en page pour le corps ou un emballage, et donnant à la rangée du milieu une hauteur de cent pour cent.

Comme this.-

<body> 
<div> 
    <div id=head">head</div> 
</div> 
<div> 
    <div id=body">body</div> 
</div> 
<div id=head"> 
    <div id="foot">foot</div> 
</div> 
</body> 

Avec le CSS suivant.

html, body 
{ 
    height:100%; 
} 
body 
{ 
    width:100%; 
    display:table; 
} 
body > div 
{ 
    display:table-row; 
} 
body > div > div 
{ 
    display:table-cell; 
} 
#body 
{ 
    height:100%; 
} 
Questions connexes