Aiuto per corretto dimensionamento immagine

[KillerWorm]

Ciao, prova con la proprietà object-fit col valore cover. Dovrai comunque impostare l'altezza dell'immagine al 100%.

.immagine {
  width: 33%;
  height: 100%;
  object-fit: cover;
}

[ivanisevic82]

Ciao, prova con la proprietà object-fit col valore cover. Dovrai comunque impostare l'altezza dell'immagine al 100%.

.immagine {
  width: 33%;
  height: 100%;
  object-fit: cover;
}

Grazie KillerWorm, funziona!

Avrei bisogno però di apportare una ulteriore modifica.
Questo è l'esempio di codice aggiornato e funzionate (puoi testarlo con un semplice copia incolla):

<div class="contenitore">

<img class="immagine" src="https://www.sinonimi-contrari.it/includes/images/sharers/sinonimi-di-prova.png" >


<div class="testo">
Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah Prova Blah Blah Blah 
</div>


</div>




<style>


.immagine {
width: 32%;
 height: 100%;
  object-fit: cover;
  object-position: center;
float: left;
}


.testo {
width: 63%;
height: auto;
float: right;
}


.contenitore {
height: 200px;
}


</style>

Come puoi vedere l'altezza dell'immagine è determinata da quella del contenitore, impostata in maniera assoluta.

Io invece vorrei che l'altezza dell'immagine sia determinata dall'altezza del testo.

Quindi, in pratica, l'elemento contenitore dovrebbe avere un'altezza variabile in base all'altezza del testo e di conseguenza anche l'immagine (la cui altezza riempie l'intero contenitore), avrebbe l'altezza correttamente impostata.

Ho provato a dare al contenitore height: auto, ma non funziona correttamente, in quanto in questo modo la sua altezza viene impostata sulla base dell'altezza nativa dell'immagine.

Come si potrebbe risolvere?

Grazie!