Bonjour à tous,
Après de long jours à me dépatouiller seul je m'en remets à vous.
j'ai des problemes avec mes floats mais différents selon le navigateur.
Sous IE : décalage entre mon footer, le corps et le header
Sous Firefox : décalage entre mon footer et le corps
Pour admirer c'est ici http://kwa29.free.fr/Sofibra/index3.html
De plus liens direct pour les 2 fichiers CSS associés
http://kwa29.free.fr/Sofibra/images3/base.css
http://kwa29.free.fr/Sofibra/images3/couleurs.css
Je vous poste tous de meme la ou je pense que cela péche :
HTML
CSS
Voili Voila. J'attend avec impatience vos remarques et commentaires.
Après de long jours à me dépatouiller seul je m'en remets à vous.
j'ai des problemes avec mes floats mais différents selon le navigateur.
Sous IE : décalage entre mon footer, le corps et le header
Sous Firefox : décalage entre mon footer et le corps
Pour admirer c'est ici http://kwa29.free.fr/Sofibra/index3.html
De plus liens direct pour les 2 fichiers CSS associés
http://kwa29.free.fr/Sofibra/images3/base.css
http://kwa29.free.fr/Sofibra/images3/couleurs.css
Je vous poste tous de meme la ou je pense que cela péche :
HTML
<div id="x-footer-errata">
<a href="" title="Plan du site">plan du site</a> |
<a href="" title="Mentions legales">mentions légales</a> |
<a href="" title="Crédits photos">crédits photos</a>
<br />SOFIBRA © 2002 -2005
<a href="http://jigsaw.w3.org/css-validator" title="CSS Validator"><img src="images2/css.gif" alt="Aucune image..." /></a>
<a href="http://validator.w3.org/check/referer" title="X-HTML Validator"><img src="images2/xhtml.gif" alt="Aucune image..." /></a>
</div>
CSS
#x-footer {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
#x-footer img {
border: 0;
}
.bando_gauche {
display: block;
float: left;
margin-right: 0px;
}
.bando_centre {
display: block;
margin: 0px auto;
}
.bando_droite {
display: block;
float: right;
margin-left: 0px;
}
#x-footer-errata {
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: white;
width: 100%;
text-align: right;
padding-bottom: 10px
}
Voili Voila. J'attend avec impatience vos remarques et commentaires.
