Discussion :

[Alex35]

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....!!!

[Alex35]

en fait j'ai essayé cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[hed62]

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

[Alex35]

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!

[hed62]

oops pardon ...

Cela venait bien du code beheind le probeleme!

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

[Alex35]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

TextePage.innerhtml +=

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 TextePage.innerhtml=