immagine circondata da testo

[euge90]

Dovrei mettere un'immagine allineata a sinistra, con del testo che la circonda a lato, il tutto dentro a un div con bordo.

Ad allineare l'immagine a sinistra ho usato float: left, ma mi è sorto un problema.
Difatti se il testo non occupa abbastanza spazio quanto l'immagine in altezza, il div non circonda tutta l'altezza dell'immagine ma solo quella del testo, poichè all'immagine ho proprio messo float:left.

Per intenderci il codice è questo:
HTML

<div class="box">
    [img]logo.jpg[/img]
    

Qui c'è il testo non abbastanza lungo da arrivare alto quanto l'immagine</p>
</div> 

CSS

.box {
    border: 1px solid #121212;
    background-color: #333333;
}

.box img {
    float: left;
    margin: 5px;
}

.box p {
    margin: 5px 10px 10px 10px;
    color: white;
} 

c'è qualcuno che riesce a darmi un qualche consiglio per far allungare il div in modo tale che tenga dentro anche l'immagine allineata a sinistra?

Grazie!!

[pezzo]

Fammi capire, il problema è in verticale o in orizzontale?

In ogni caso io farei

div#box{
height: altezza img;
}

Così anche se il testo è più breve l'img si vede tutta... Fammi sapere

[panta1978]

Originariamente inviato da pezzo
Fammi capire, il problema è in verticale o in orizzontale?

In ogni caso io farei

div#box{
height: altezza img;
}

Così anche se il testo è più breve l'img si vede tutta... Fammi sapere

Alcune precisazioni:

1) non mettere l'altezza dell'immagine, ma l'altezza dell'immagine + i margini top e bottom.
2) così come la presenti tu, non funziona bene in Firefox se il testo occupa più spazio dell'immagine. Dovresti fare così (tramite i commenti condizionali):

Per IE: height: 120px; (ad esempio)
altri browsers: min-height: 120 px

[pezzo]

Hai ragione sono stato impreciso... davo per scontato la conta di margini e affini...

(avevo letto male, modifico!)

[euge90]

Ok, ho capito tutto eccetto una cosuccia..

Originariamente inviato da panta1978
...tramite i commenti condizionali...

cosa intendi per commenti condizionali?