[Résolu]Problème de <div> qui se ballade

Bonjour,
je n'arrive par à faire en sorte que mon #pied_de_page reste toujours en bas de ladite page quelque soit la longueur de celle ci.
Que dois-je mettre dans le code de ma css pour qu'il soit toujours en bas de page ?
Merci

Salut,

à mon avis ça vient du fait que tu ne lui parles pas assez gentiment et que du coup il se vexe et il boude...

Dit autrement : un peu de code (ou de page en ligne) peut être...
Modifié par clb56 (02 Mar 2006 - 15:22)

Que ces chtites betes là sont susceptibles
Bon voila ma css :

/* CSS Document */
body
{
   width: 1000px;
   margin: center; 
   margin-left: 30px;
   margin-top: 15px; 
   margin-bottom: 20px;    
   background-color: #6e1f4f; /
  
}
/* L'en-tête */
#en_tete
{
   width: 100%;
   height: 150px;
   background-image:  url("images/bando2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
 
  
}
/* Le menu */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 100px;
left: 0;
width: 150px;
}

#menu dt {
cursor: pointer;
margin: 2px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
color: #6e1f4f;
border: 1px solid #ff9e03;
background: #e9c42e;
}

#menu dd {

position: absolute;
left: 7em;
margin-top: -1.4em;
width: 7em;
background: #ae66af;
border: 1px solid #ff9e03;

}

#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
font-size: 85%;
height: 18px;
line-height: 18px;
padding-left: 2px;
font-weight:bold;
}
#menu li a, #menu dt a {
color: #6e1f4f;
text-decoration: none;
display: block;
}

#menu li a:hover, #menu dt a:hover  
{
background: #f2e9f3;
}
/* Le corps de la page */

#corps
{
   position: absolute;
   margin-left: 230px; /
   margin-bottom: 20px; /
   margin-top: 80px;
   padding: 5px; /
   height: 100%;
   width: 750px;
   text-align: justify;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #e9c42e;
   
  } 
 #corps h1 /* Tous les titres h1 du corps */
{
   font-size: 1.5em;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #e9c42e;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   font-size: 1.2em;
   font-style: italic;
   padding-left: 30px;
   color: #ff9e03;
   text-align: left;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-size: 1.2em; 
   color: #e9c42e;
   font-weight: bold;
    
}
p
{
text-indent: 20px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   position: absolute;  
   padding-top: 3px;
   padding-bottom: 3px;
   margin-left: 230px;
   margin-top: 780px;
   text-align: center;
   height: 8px;
   width: 760px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: x-small;
   background-color: #e9c42e;
   background-repeat: repeat-x;
   border: 2px solid #ff9e03;
 }

je suis à chaque fois obligé d'adapter le margin-top pour que ca reste sous le texte du #corps (suivant sa longueur)

Merci
Modifié par sourisleo (02 Mar 2006 - 18:21)

Merci à tous mais je viens de trouver une solution
Bonne continuation !

Bonjour et bienvenue,

merci de modifier ton 2ème message pour y insérer des balises [ code] ... [ /code] (sans les espaces) ce qui rendra plus lisible pour tout le monde le code (c'est expliqué dans l'Aide)

Le sujet est-il [Résolu]?

De plus, la solution que tu as trouvé peut intéresser quelqu'un d'autre passant ici dans 5 minutes ou dans 6 mois, peux-tu indiquer de laquelle il s'agit? Au moins une piste si c'est trop long ...

Felipe

Ben la solution que j'ai trouvé n'est peut-etre pas trés orthodoxe (scusez, je suis débutante ) ; j'ai tout simplement :

<div id="corps">
  <!-- mon texte-->

<div id="pied_de_page">
   <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
  
</div>
</div> 

je sais pas si c'est trés "pro" mais en tous cas, ça marche en mettant une "marge" padding-bottom suffisante au corps pour que ça ne colle pas trop au pied de page (euuuh, chuis claire là ?)
Désolée mais je suis pas (non plus) une pro des forums

Wouala wouala
Modifié par sourisleo (02 Mar 2006 - 18:32)