Mise en page div

Bonjour!

Je souhaite réaliser une mise en page avec des div en css!

en fait j'ai une div en absolu placer sur ma page, dans cette div j'ai du texte a gauche et une image a droite et je souhaiterais si le texte est plus grand que l'image il prenne toute la largeur en dessous de l'image.

HTML:

Code:

---

1 2 3 4

<div id="Satellite_Texte_Pub"> <div id="TextePage" runat="server" align="left" valign="top" style="width:650px"></div> <div style="float:right;"><iframe id="ifr" width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="iframePubHaut.html"></iframe></div> </div>

---

CSS:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

div#Satellite_Texte_Pub { position:absolute; top:375px; width:970px; } div#TextePage { position:relative; font-family:Arial; font-size:12px; float:left;   }

---

et cela a pour effet juste de me mettre le texte a gauche et la photo a droite.

j'ai essayé la solution proposée ici

Mais sans succes...

Se pourrait il que cela vienne du fait que mon div est absolute?

Merci d'avance de vos conseils/aide....!!!

en fait j'ai essayé cela :

Code:

---

1 2 3

<div id="TextePage" runat="server" align="left" valign="top"> <div style="float:right;position:absolute;"><iframe id="ifr" width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="iframePubHaut.html"></iframe></div> </div>

---

Code:

---

1 2 3 4 5 6 7 8 9

div#TextePage { position:absolute; font-family:Arial; font-size:12px; float:left; top:375px; width:970px; }

---

Malheureusement je n'ai que le texte qui prend toute la longueur.

Serait ce a cause de mon code dans lequel pour le texte dans le code behind (c'est de l'aspx) je fais textepage.innerhtml??

D'avance merci

Va voir la dernière étape de ce cours ca devrait t'aider.

Hum Hum,

Si tu regardes mon premier post je l'ai mis ce lien en disant que j'avais essayé d'appliquer cette solution mais sans succes...

Merci d'essayer de m'aider mais bon...

Edit: Cela venait bien du code beheind le probeleme!

oops pardon ...

Citation:

---

Cela venait bien du code beheind le probeleme!

---

Pourrais tu en dire plus, si jamais le problème revenait pour quelqu'un d'autre?

en fait j'ai un div avec un runat="server" pour lequel pour afficher mon text je fais TextePage.innerhtml=

or sur la partie html j'ai :

Code:

---

1 2 3

<div id="TextePage" runat="server" align="left" valign="top"> <div style="float:right;position:absolute;"><iframe id="ifr" width="300" height="250" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="iframePubHaut.html"></iframe></div> </div>

---

Ce qui avait pour conséquence d'effacer le contenu de mon div pour réécrire le texte a la place, il suffisait juste donc de faire

Code:

---

TextePage.innerhtml +=

---

au lieu de

Code:

---

TextePage.innerhtml=

---