2011-03-12 3 views
0

c'est un peu difficile à expliquer. Je cherche à construire un site web en HTML5 et CSS3. J'ai une section que je veux avoir toute la largeur de l'écran d'ordinateur des utilisateurs avec une taille de 80pixels. J'ai alors un conteneur qui contient le corps du site Web et devrait garder le pied de page au bas de la page Web et s'il n'y a pas assez de texte pour remplir l'écran, le pied de page se trouve au bas de la page. fenêtre. Cependant, le conteneur ne remplit pas tout l'écran, il est centré sur une largeur de 1024pixels. Cela fonctionne parfaitement si je supprime la section d'en-tête de la page Web. Lorsque la section d'en-tête est ajoutée à la page Web, le pied de page est poussé au-delà du bas de la fenêtre jusqu'au même nombre de pixels que la hauteur des en-têtes est définie, à savoir le pied inférieur à 80 pixels.En-tête largeur de l'écran mais la largeur du corps fixe en html5 et css3

Comment puis-je régler la hauteur du conteneur à 100% pour que le pied de page soit toujours poussé vers le bas, mais enlevez les 80 pixels supplémentaires du titre.

Merci pour toute aide que vous pouvez fournir

+0

Recherche de pied de page collant. Par exemple: http://ryanfait.com/sticky-footer/ – Mika

Répondre

0

Cela fonctionne pour moi, mais vous aurez toujours à adapter les 80px.

html, corps, section # page1 { hauteur: 100%; }

La prochaine fois, montrez ce que vous avez géré peut-être. Bonne chance.

Questions connexes