CSS chevauche aider

Question

http://69.65.3.168/~doubleop/pro.sperity/

Le contenu et le pied de page sont tous les deux dans un div (#probablement) et la barre latérale est en (#right)

#left{ 
width:685px; 
float:left; 
overflow:visible; 
} 

#right{ 
width:215px; 
float:left; 
margin-top:20px; 
} 

Le pied de page est 900px; large, c'est pourquoi j'ai mis #left à déborder: visible, de sorte que vous pourriez le voir. Je fais ceci parce que je veux que la barre latérale chevauche le pied de page quand la zone de contenu a peu de contenu. Évidemment, lorsque la zone de contenu se développe, la barre latérale reste au même endroit, mais le pied de page est enfoncé. Cela me donne un bel effet de chevauchement.

Cependant, IE 6 n'aime pas cela, et il pousse la barre latérale sous le pied de page.

Si je change la propriété #left en dépassement: caché, la barre latérale apparaît au bon endroit, mais le pied de page est coupé. Donc, le problème réside dans le débordement: la partie cachée.

Est-ce que quelqu'un sait ce que je peux faire pour contourner ce problème?

Answer 1

Il suffit de placer votre #footer après #right div.

<div id="left"> 
</div> 
<div id="right"> 
</div> 
<div style="clear: both;"></div> 
<div id="footer"> 

Answer 2

Yeap. Vous allez devoir faire un "clear: both" sur le pied de page. Votre flotteur de la main droite est hors de la circulation de la page et le pied de page ne sait pas que quelque chose est au-dessus. Le fait d'effacer les deux désactivera basiquement le flottement, ce qui fera croire au pied que quelque chose se trouve au-dessus, ce qui le poussera à son tour vers le bas où il appartiendra.