28218 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un soucis dont j'ai l'impression qu'il est récurrent, j'ai lu des tas de trucs dans des articles et forum sur ce site et ailleurs mais j'arrive toujours pas à le résoudre... Smiley sweatdrop

En fait j'ai un site avec des div flottants qui s'empilent bien et mais le site est composé de 3 colonnes dont une au milieu qui a une taille qui varie et qui peut devenir plutot longue (je peux pas définir sa taille).
Le problème c'est mon footer, qui est un div tout simple mais le problème (je suis sur que certains on déja deviné) c'est que le footer traverse mon div du contenu au dessus et se retrouve en plein milieu du contenu (
Smiley bawling )... ça le fait uniquement sous firefox et pas sous IE avec mon code actuel. Avec ce que j'utilise dans mon code (voir plus bas), ça le fait uniquement lorsque la colonne centrale de contenu est longue j'ai l'impression.

Je ne peux pas montrer le site complet je vous met juste le bout de code de la fin du fichier index (tout bête) :
.....
<div>
blablabla contenu 
</div>
<div class="footer">
blablafooter
<div>
</body>
</html>


et le css :


.footer {
float:left;
width: 770px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
clear:both;
}


je pensais que le clear:both; résolvait ce problème mais en fait non... si quelqu'un a une solution Smiley decu
Modifié par SquawK (30 Oct 2005 - 13:22)
Modérateur
bonjour,
tu laisse trop peu d'information pour regle ton probleme,
par exemple si ta colonne centrale est en position:absolute; ,effectivement ton clear:both; n'aura pas l'effet recherché car "il ne percevra pas " l'espace qu'occupe cette colonne.
c'est une supposition parmis d'autres ...
a plus