[Résolu] Problème de positionnement des éléments... - Comment aligner mon pied de page? par ubu - page 1

Bonjour,

J'aurais besoin d'un petit coup de main pour positionner les éléments de mon site.
Mon problème est que le pied de page se place à la suite du corps de la page alors que je veux qu'il soit à la suite du menu

.

Je ne pense pas être le premier a avoir ce problème mais je n'ai pas réussi a trouver la solution en faisant une recherche.

Voici mon code html:

<div id="en_tete">

</div>



<div id="menu">

<div class="element_menu"> 
<img src="images/menu_accueil.png" alt="accueil" />
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="archives.html">Archives</a></li>
</ul>
</div>



<div id="corps"> 

<p>
blablabla
</p>

</div>

<div id="pied_de_page">

</div>

Et l'extrait du CSS correspondant:

#menu
{
float: left; /* Le menu flottera à gauche */
width: 170px; /* Très important : donner une taille au menu */
height: 100%;
background-color: #657e4f;
border-left: 1px solid black;
border-right: 1px solid black;
}

#corps
{
width: auto;
margin-left: 172px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
font-family: "Trebuchet MS", Arial;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #adb191; /* Une couleur de fond pour le corps */
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
height: auto;
}

#pied_de_page
{
width: 800px;
height: 180px;
background-image:url("../images/bandeau_bas.png");
background-repeat: no-repeat;
border-right: 1px solid black;
border-left: 1px solid black;
margin-bottom: 20px;
}

Merci d'avance à ceux qui prendront la peine de lire ces lignes

ubu

13 février 2006 à 14:28:37