css - problème de mise en page

[e-kiwi]

Bonjour

je cherche à avoir cet affichage sous ie et firefox (aujourd'hui ne marche que sous firefox) sachant que l'image peut faire la totalité de la colonne, la moitié, ou encore plus petite, que la pub s'affiche parfois, et parfois pas de pub, et je ne veux pas que si la largeur de l'image est trop petite, la pub ne vienne se mettre à droite de l'image.
comment écrire en div/css cette structure ?

merci !

données :
<div id='photo'>
<div id='pub'>
<div id='texte'>

 

[Xcepty]

Bonjour e-kiwi,

Je t'envoi en mp la composition que j'ai fait selon ce que tu veux. Pour moi ça marche sur IE7 et Firefox.

 

[e-kiwi]

ok je guette !

 

[Xcepty]

Pour les curieux, la solution était un "clear:both;" qu'il fallait mettre sur le second élément flottant à l'intérieur du div texte.

Composition valide pour IE7 & Firefox.

En gros ça donne ça pour le css :

#texte {
width:800px;
}
#texte #pub {
float:left;
width:300px;
height:300px;
background-color:#000000;
margin:4px;
clear:both;
}
#texte #photo {
float:left;
width:300px;
height:300px;
background-color:#000000;
margin:4px;
}

Et ça pour la disposition des éléments dans la page :

<div id="texte">
	<div id="photo"><img src="mon-image.jpg" alt="image"/></div>
	<div id="pub"></div>
</div>