Div par dessus une autre [Résolu]

Bonjour à tous !

J'ai un problème avec IE ... comme d'hab !!!

Voilà, j'aimerais mettre deux div

-----------
| A| |
|__| |
| B |
| |
-----------

J'ai besoin que A ne soit pas contenu dans B (afin de pouvoir faire appel à de l'ajax, qui me changera B et non A )

Voici ce que j'ai fait, sous FF, pas de soucis, mais sous IE ... aie aie aie !!!

Voici mon code, merci de m'aider

<div id="conteneur_global" style="border:solid #000 1px;">

<div id="a" style="border:solid #0F0 1px;float:left;width:54%;height:300px;">
A
</div>

<div id="b" style="border:solid #F00 1px;width:100%;height:500px;">
DIV B
blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g
blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablabblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g
blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g
blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g
blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g
</div>

</div>

Merci beaucoup pour votre aide,

Samuel
Modifié par Sam_77 (26 Jun 2009 - 11:48)

Bonjour,

C'est une conséquence du HasLayout.
http://www.alsacreations.com/article/lire/76-haslayout-internet-explorer.html

Ce problème ne se posera que sous IE 6-7, la notion de HasLayout disparaissant d'IE8 (du moins pour une page en mode Standard et pas en mode Quirks ou en mode de compatibilité IE7).

Ton bloc B a le layout à cause de ses dimensions (propriétés width et height). Déjà tu peux supprimer le width, inutile ici. Ensuite pour le height... eh bien il faudra trouver un autre moyen. Dans l'absolu, définir une hauteur pour un bloc avec un contenu changeant est mal. Peut-être un min-height sur le conteneur global suffirait-il?
Modifié par Florent V. (26 Jun 2009 - 11:33)

Merci beaucoup !!!
Je suis bluffer, que tu puisses d'un coup d'oeil reglé le problème
Encore une fois merci beaucoup !

Je replace le code qui permet de résoudre le problème, au cas où quelqu'un en aurait besoin

<div id="conteneur_global" style="border:solid #000 1px;min-height:300px;">
<div id="a" style="border:solid #0F0 1px;float:left;width:54%;">

A

</div>



<div id="b" style="border:solid #F00 1px;">

DIV B

blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g

blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablabblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g

blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g

blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g

blablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl gblablablab balblalgfdmgùdfm glkdsg ldsmgldfsmù gldfsmgl dsgl dsùmgl dsùfl g

</div>

</div>

Bonne Journée !
Modifié par Sam_77 (26 Jun 2009 - 11:48)