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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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....!!!