Image et dépassement dans div

Bonjour,

Je souhaiterais avoir un div contenant une image et sur le coté de l'image une autre div avec du texte

Voici mon code :

<div class='content'>
     <img class='affiche' src="affiche.jpg" alt="" title="affiche" border="0">
     <div class='texte'>

          <div class='titre'>Le serveur de téléchargement
En cas d'échec sur l'un des liens ci-dessus </div>
          <div class='descr'>
Le logiciel </div>
          <div class='date'>
Si vous n'avNe créez pas de liens sur votre site directement sur nos serveurs de téléchargement. Merci d'orienter vos liens vers la page que vous lisez actuellement, ou mieux, vers la fiche décrivant le téléchargement.
          </div>
     </div>
</div>
<hr>
<div class='content'>

     <div class='texte2'>
                    <div class='titre'>Le serveur de téléchargement
En cas d'échec sur l'un des liens ci-dessus </div>
          <div class='descr'>
Le logiciel </div>
          <div class='date'>
Si vous n'avNe créez pas de liens sur votre site directement sur nos serveurs de téléchargement. Merci d'orienter vos liens vers la page que vous lisez actuellement, ou mieux, vers la fiche décrivant le téléchargement.
          </div>
     </div>
</div>

et la feuille de style

.content{width:1000px;position:relative;border:1px solid #000;background:#00FFC0;padding:5px;}
.affiche {width:150px;border:1px solid #000;background:#52D7EF;}
.texte{margin-left:155px;border:1px solid #000;background:#FFFF00;font-family:Arial;}
.texte2{border:1px solid #000;background:#FFFF00;font-family:Arial;}
.titre{font-weight:bold;}
.descr{text-align:justify}
.date{color:#009;}

Mon problème : dans IE cela s'affiche correctement mais sous Firefox, l'image sortant du flux est cachée sous le div.content qui suit.

merci d'avance

bonjour,
As tu essaye de la repasser en avant plan avec un z-index ?
Bonsoir

Faudrais que tu sois un peu plus précis sur ton probléme et nous donnée un code auquel tu integre une image. Puis ce que tu nous dit avec ton systeme de flux n'est pas bien compréhenssible.

Donne nous un vrais exemple ou ton code xhtml qui pose probléme, là on ne peu pas faire grand chose.

Ok vous pouvez voir mon exemple ici

http://sebgosse.free.fr/tests/

Bonsoir...

Je pense que ton problème est évoqué dans la FAQ, non ?!?
- Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

Tu as oublié de styler ton <hr> au moyen d'un clear:both;

Modifié par Cygnus (08 Dec 2006 - 00:29)