div e immagine

[FinalFantasy]

ciao a tutti...
ho una pagina del genere

  <div id="centro">
   <div id="contenuto">
    [img]prj/foto.jpg[/img]

      <span class="testo">
       <div align="center">
        bla bla bla

        bla bla bla
       </div>
      </span>
   </div>

ecco i css coinvolti

#centro
{
  width:100%;
  background-color:#FF00FE;
  padding:0;
  height:auto;
}

#contenuto
{
  width:98%;
  padding-top:1em;
  margin:auto;
  height:auto;
}

nn capisco perché appena faccio [img]prj/foto.jpg[/img]
l'immagine si sovrappone a tutti i livelli sottostanti e nn capisco come faccio a far stare la foto dentro #contenuto

[webdemo]

sposto in CSS

ciaux

[LA VALE]

nn capisco perché appena faccio [img]prj/foto.jpg[/img]
l'immagine si sovrappone a tutti i livelli sottostanti e nn capisco come faccio a far stare la foto dentro #contenuto

Il bordo e l'allineamento dell'immagine li devi specificare dentro il css, e non in quel modo:

.immagine {
border: 0px;
float: left;
}


[img]immagine.jpg[/img]

[FinalFantasy]

mai il problema rimane (non ho provato a mettere border 0, ma dubito ke cambierebbe le cose).

[panta1978]

  <div id="centro">
   <div id="contenuto">
    [img]prj/foto.jpg[/img]

      <span class="testo">
       <div style="text-align:center">
        bla bla bla

        bla bla bla
       </div>
      </span>
   </div>
</div>

Ti manca un <div>, non so se sia un omissis. Poi evita tutto nella formattazione tutto ciò che non è CSS.