Bonjour,
Pour expliquer le plus clairement mon problème, rien ne vaut un lien: www.headmind.com
Lors d'un redimensionnement de de la fenêtre, le footer ne reste plus collé en bas et du contenu (les profils) passe en dessous de celui-ci.
Voici ma structure CSS:
Code :
html,
body {
margin:0px;
padding:0px;
height:100%;
}
#container {
min-height:100%;
position:relative;
background: #ffffff;
}
#header {
background:#666;
padding:30px;
border-bottom: solid;
border-bottom-width:thin;
border-bottom-color: #95170d;
}
#footer {
position:absolute;
bottom:0px;
width:100%;
height:40px; /* Height of the footer */
background:#ffffff;
border-top: solid;
border-top-width:thin;
border-top-color: #95170d;
font-family:Arial, Helvetica, sans-serif;
}Pour mon HTML (j'ai enlevé le contenu):
Code HTML :
<body>
<div id="container">
<div id="header"><img class="header" src="img/header.png" width="400"/> </div>
<div id="body">
CONTENU
</div>
<div id="footer">
<p class="links">home about contact social</p>
<p class="made">made in Switzerland</p>
</div>
</div>
</body>
</html>
J'espère que je suis assez clair, n'hésitez pas si vous avez besoin de plus, et merci de votre aide !