28172 sujets

CSS et mise en forme, CSS3

[Résolu] Footer toujours en bas de page

Bonjour,

je fais appel à votre expérience, car j'en ai pas...
Sur mon site, j'ai un footer, mais celui-ci reste fixe, hors j'aimerais qu'il s'adapte en fonction de la page, et qu'il soit tout le temps en bas de page.

Voici mon code:

Ma page affichant le footer:
<?php
include ("header.php");
include("boutonaccueil.php");
?>
<body>
<div id="general">
<?php include("menu.php"); ?>
<div id="corps">
<?php include("recherche.php");?>
<section id='section1'>
<p>
<h2>PRODUITS ENREGISTRES</h2>
</p>
</div>
<?php include("tableau.php"); ?>
</section>
</div>
<?php include ("footer.php");?>
</body>

Le fichier footer.php:

<footer>
<h4>CONTACT</h4>
</footer>

et voici le CSS:

h4
{
font-family: serif;
background: #0066CC none;
color: white;
border: 3px dotted #9999FF;
padding: 0.3em;
text-align: center;
letter-spacing: 0.3em;
}
footer
{
position: relative;
margin-top: auto; /* negative value of footer height */
margin-right: center;
height: auto;
clear: both;
width: 100%;
}

Merci par avance pour vos réponses.

Cordialement.
Merci pour ta réponse,

j'ai appliqué, copier le code source que tu m'as transmis mais j'ai le même résultat...le footer ne s'adapte pas à ma page.

Cela provient donc de mes balises qui se situe avant le footer?

Merci.
J'ai trouvé la solution...

En fait s'était une div placée plus haut, qui bloquait l'affichage de mon footer.

Voici la div en question:

#table1{
border: medium solid #6495ed;
border-collapse: collapse;
width: 80%;
margin-left:auto;
margin-right:auto;
position:absolute;
margin-top: 5%;
left: 17%;
}

Merci pour ta réponse Gothor.

A bientôt.
Sujet clos
Aller à