Comment garder le fond en dessous du contenu et collant

J'utilise le code ci-dessous.
Quand j'ouvre le site, pied de page est la couverture sur le contenu du corps qui fixe le côté inférieur pas en dessous du contenu. J'ai besoin d'aide deux choses.
1) lorsque Ctrl + (-) zoom arrière, pied de page doit être fixé (collant) côté inférieur
2) lorsque Ctrl + (+) zoom-in, pied de page devrait flotter sur le contenu du corps

Je ne suis pas sûr si mon explication est bien ou non.
Pourriez-vous s'il vous plaît aider, comment résoudre ce problème?

Merci.Comment garder le fond en dessous du contenu et collant

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB"> 
<html> 
<head> 
<title>Test</title> 
</head> 
<body> 
<div id="container"> 

     <div id="header"> <?php  include 'header.php'; ?> </div> 

     <div id="body"><div class="container0">  </div></div> 

     <div id="footer"><?php include 'footer.php'; ?></div> 
</div> 
</body> 
</html>

body { 
     margin:0; 
     padding:0; 
     height:100%; 
} 

#container { 
     min-height:100%; 
     position:relative; 
} 

#body{ 
     padding:10px; 
     padding-bottom:231px; 
} 

#footer { 
     width: 100%; 
     height: 231px; 
     position: absolute; 
     bottom: 0; 
     clear:both; 
}

Source

2017-09-19 yang

Avez-vous essayé la requête des médias? –

Ajouter ce

@media screen and (min-width: 1440px){ 
#footer{ 
    position: fixed; 
    bottom: 0; 
} 
}

Source

2017-09-19 03:53:05 clarkoy

Bonjour. Merci pour votre commentaire. Mais, la largeur de pied est diminuée et couvre toujours le contenu. – yang

Merci. Je testais avec un navigateur non complet, donc il a été réduit. Maintenant, je peux voir en plein écran. Ça marche. Merci. :-) – yang

Pas de problème. : D codage heureux – clarkoy

Comment garder le fond en dessous du contenu et collant

Répondre

Questions connexes