Problème de positionnement ( 2 Colonnes ) avec IE

Bonjour tout le monde.


( je voudrais exprimer d'abord ma Haîne envers Microsoft et son IE qui présente l'une des difficulté pour les webdeisnger et les webmasters en général.)

bon, mon probleme est le suivant :
j'essaie de mettre deux Div en Colonnes l'un a coté de l'autre. et l'astuce la plus courante est :

<div style="float:left; width:180px; clear:none; background-color:#003366;
 height:400px; color:#FFFFFF;padding:10px;"></div>
  
<div style="margin-left:220px; width:535px; clear:none; background-color:#009999;
height:400px; color:#FFFFFF; padding:10px;">
</div>

ça marche Super bien sur Firefox ! et aussi sur IE.
mais quand on redimensionne la fenetre windows de IE ou on se met a une résolution 800 x 600 ou inférieur. le bloc Vert a droite se met en retrait sous le premier Bloc.

regardez un demo sur http://zed-studio.net/demo.html

et pour un peu plus claire, regardez l'exemple sur cette page entre le menu a gauche et le bloc a coté a droite. http://zed-studio.net/webdesign.php

à vous ...
Modifié par zed-studio (27 Sep 2007 - 18:20)

hello zed
une piste pourrait etre de donner une largeur fixe à un bloc que tu positionnerais en tant que conteneur.
Sinon, si tes blocs sont sensés etre fixes, tu peux eventuellement positionner ton menu de gauche en absolu, et ton contenu avec une margin-left de la taille du menu de gauche. (exemple)

Salut l'ami. pr le positionnement Absolu. j'ai essayé , plus au moins ça marche même si j'ai rencontré des problèmes de différence entre l'interprétation de la valeur top:Xpx; entre IE et FF mais bon.
je trouve quede mettre un bloc conteneur avec largeur fixe une bonne idée.

au boulot ...

Résoluuuuu

Merci l'ami pour l'aide ( si rapidooss )
et tant pis pour nous, qu'on perd des heures a chercher des soluces à cause de IE.

beh, merci une deuxième fois yyoupla.

( je trouve pas comment mettre le statut du sujet : Résolu )

tu peux aussi mettre tes 2 div dans un div qui fasse la taille des 2.

normalement, mon premier code doit fonctionner sans souci.
mais vu IE a du retard a rattraper (.....) on se cherche des astuces là et là.
enfin, le solution de mettre un Div conteneur a taille fixe. oblige IE a faire le scroll sans pousser mon bloc a se mettre en retrait.

bon, j'aurai pu me passer de ce casse tête en utilisant un <table> mais, faut avancer ...
vivement le CSS.
Merci tout le monde pour l'aide ! mon site avance a grand pas maintenant
**
http://zed-studio.net