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...
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 (
)... ç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) :
et le css :
je pensais que le clear:both; résolvait ce problème mais en fait non... si quelqu'un a une solution
Modifié par SquawK (30 Oct 2005 - 13:22)
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...

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 (

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

Modifié par SquawK (30 Oct 2005 - 13:22)