div au bas de la page

J'ai une div que j'utilise comme pied de page pour afficher du contenu. J'ai mis le style comme:div au bas de la page

.pageFooter{ 
    position:absolute; 
    bottom:0px; 
    width:100%; 
    height:25px; 
    background:#e6e6e6; 
}

Ce style fonctionne bien quand il n'y a pas de contenu dans le corps de la page. Mais quand je peupler la page avec du contenu, disons DataGrid, le div est chevauchement des données dans DataGrid. Quels changements dois-je faire au style pour que le div soit toujours au fond. J'utilise IE * pour voir les pages.

Source

2010-05-07 Ashish

Avez-vous essayé mon code? – Happy

body, html { 
    height:100%; 
    margin-bottom:25px; 
}

Source

2010-05-07 08:51:03

Rien ne semble fonctionner pour IE8. – Ashish

Est-ce une solution? Lol – Happy

Cela peut vous aider à http://www.cssstickyfooter.com/

Source

2010-05-07 08:51:10 codingbadger

Rien ne semble fonctionner pour IE8. – Ashish

CSS Sticky Footer ne fonctionne pour IE8 http://www.cssstickyfooter.com/images/ie-8-win-xp.png – codingbadger

FooterStickAlt, l'un des premiers à décrire cela, fait encore l'affaire: http://www.themaninblue.com/writing/perspective/2005/08/29/. – Alec

La méthode mieux:

html, body { height: 100%; } 

.wrapper { 
    min-height: 100%; 
    _height: 100%; /* hack for IE6 */ 
    margin-bottom: -100px; /* height of the footer */ 
} 

.wrapper-inner { padding-bottom: 100px; } 

.footer { position: relative; height: 100px; overflow: hidden; } 


<body> 
<div class="wrapper"> 
    <div class="wrapper-inner"> 
     Content 
    </div>  
</div> 
<div class="footer"> 
    Footer 
</div> 
</body>

Doctype devrait être xhtml strict ou de transition.

Source

2010-05-07 10:45:25 Happy

div au bas de la page

Répondre

Questions connexes