Bonjour,
J’ai une site (pas encore en ligne) à 3 colonnes, dont la première est en position fixed (c’est le menu qui ne bouge pas), et je n’arrive pas à mettre mon footer aligné sur les colonnes 2 et 3 :
I colonne 1 I I colonne 2 I I colonne 3 I
I footer I
Pour aligner le footer sur les colonnes 2 et 3, j’ai mis la margin-left identique à celle de la colonne 2 (pour qu’il commence au même niveau qu’elle). Le width du footer est inférieur à celui du body qui fait 845px, donc il ne dépasserait pas et devrait être contenu dedans. Je n’ai pas mis de height de sorte qu’il prenne la taille totale de toutes les images qui sont dedans. Et pourtant ça ne fonctionne pas : le footer se met à gauche (comme une colonne), avant les 3 colonnes, ou les superpose (selon comment je bidouille mon css pour tenter de le mettre en pied de page : réduire ou augmenter le width, l’enlever, réduire les photos).
Pouvez-vous m’aider ?
Voici les paramétrages CSS et HTML :
#col1
{
margin-top: 10px;
position: fixed;
width: 210px;
float:left;
}
#col2
{
width: 295px;
margin-top: 10px;
position: absolute;
margin-left: 230px;
padding-left: 10px;
padding-right: 10px;
float:left;
}
#col3
{
width: 300px;
margin-top: 10px;
position: absolute;
margin-left: 545px;
padding-left: 10px;
padding-right: 10px;
float:left;
}
#footer
{
float:left;
font-family:Arial;
font-size: 12px;
margin-left: 230px;
padding: 0;
text-align: center;
width: 600px;
}
<div id="footer">
<div class="textefooter">
<p><img src="image1.jpg" alt="" align="center" width="230" height="334"> <img src="image2.jpg" alt="" align="center" width="233" height="334"></p>
<p><img src="image3.jpg" alt="" align="center" width="228" height="212"></p>
<p> </p>
<img src="image4.jpg" width="451" height="127" border="0" />
</div>
</div>
D’avance merci
tOOnie
