Problème menu flottant sous ie6

Bonjour à tous ;)

J'ai un petit problème avec le design du site suivant : http://farwest67.free.fr/

Sous ie7, apparemment, il n'y a pas de problème ainsi que sous opera et firefox (j'ai moi-même fais les tests)
Mais sous ie6, mon float ne flotte pas :lol:, il est bien a gauche, mais la partie principale du site s'affiche en dessous de mon float et non au même niveau..

Voici un screenshot (sous ie6 evidemment) : http://img375.imageshack.us/img375/5...shotbo7.th.jpg

Je n'arrive pas à régler ce problème sans modifier l'affichage dans les autres navigateur et de toute façon c'est que du "bidouillage" (par exemple margin:"-590" sur le right_side), mais je voudrais connaitre la vraie raison de ce problème ..

Voici mon css : http://pastebin.com/m5b67b994
et mon code source : http://pastebin.com/m22bd7841

Si quelqu'un pouvait m'aider ça serait sympa :king:

Bonjour,

Plutôt que de mettre margin-left:220px sur #header, #main et #footer, je les aurais mises sur #right_side directement.

:)

moi aussi mais c'est pas compatible ie6 :lol:

Chez moi ça fontionne pourtant. :koi:

j'avais testé ça marchait pas c'était sous ie7 alors peut-être..

EDIT: T'as raison, ça a résolu le problème..Bon faudrait t'ester sous ie7 comme dit

EDIT2: Jviens de me rendre compte que ça marche pas sous firefox maintenant..Le float est par dessus (en fait ya pas de marge pour la partie principale elle est affichée complètement a gauche dans le body)

Oui, les améliorations sur un navigateur posent des problèmes sur un autre.

L'idéal serait de ne pas utiliser position:fixed pour ton menu. Ca n'est pas interprété par IE6 et c'est la source de des problèmes d'affichage.

Effectivement c'est ce qu'on m'avait déjà conseillé de faire si je me rappel bien..J'aurais bien aimé une position fixed ça aurait été mieux mais bon..

Sinon comment faire pour résoudre ce problème-ci : http://img58.imageshack.us/img58/662...shotfx3.th.jpg
sous ie6 ??.
j'ai mis un

Code:

---

1 2	margin-top:-1px; margin-right:1px;

---

mais ça ne fonctionne que sous firefox :cry:

Pour que ton texte ne dépasse pas sur la corne, moi, je mettrais une div vide en float: right avant le contenu. Tu défénis height et width pour que la div soit de la meme taille que la corne.
Ainsi, le texte devrait contourné l'endroit corné.

<div id="main_corner">
<div style="float: right; height: 20px; width: 12px">&nbsp;</div>
<p>Lorem ... </p>
</div>

Bon, ça ne marche qu'à moitié, car forcément sous ie6 le texte ne contourne pas le float mais se met en dessous..Sous firefox ça marche

Mais je parlais du cadre autour du coin en fait ^^'. Comment faire pour qu'on ne le voit pas ?

EDIT: Ya un truc bizzard : quand j'enlève un div à la ligne 72, le problème de départ revient, mon right side ne s'affiche pas au même niveau que le left_side, mais après.. Mais j'ai 27 div alors que normalement je devrais en avoir un nombre pair..Ya un div de trop qui corrige le problème et je comprend pas pourquoi là ; j'ai remis position:fixed; et ça marche très bien avec ce div en trop.