box con immagine e testo, non rieso a riempire il bg

[al404]

sto facendo una colonna con dei box

<div>parte curva</div>
<div style="background-color: #50525B;">corpo</div>
<div>parte curva chiusura</div>

nel corpo ho un immagine sulla sinistra che allineo con

float: left;

il problema è che il colore di sfondo si ferma dove si ferma il testo, quindi se il testo non è più lungo dell'immagine non ho tutto il bg colorato

[gra-fichetto]

Un elemento che contenga al suo interno un elemento a cui sia applicata la proprietà "float", deve a sua volta essere "floatato" per estendersi in altezza come l'elemento contenuto.

[al404]

pero anche se inserisco

float: none;

nella classe del div che contiene l'immagine e il testo, non si espande
oppure ho capito male?

[gra-fichetto]

Originariamente inviato da al404
pero anche se inserisco

float: none;

nella classe del div che contiene l'immagine e il testo, non si espande
oppure ho capito male?

All'elemento contenitore devi applicare il float, quindi, ad esempio

float: left

Naturalmente il discorso vale tenendo presente l'intera struttura del sito e le regole CSS ad esso applicato. Inserendo un "float: left" al box contenitore potresti risolvi la situazione dell'estensione dell'altezza ma al tempo stesso potrebbero verificarsi "scompensi" nel layout.
Prova.

[al404]

grazie... scusa effettivamente con left funziona
per fortuna non si altera il layout

grazie 1000

[gra-fichetto]

Di nulla.