immagine ridotta in % contenuta in un div: il div non si adatta, perchè?

[luklab]

Ciao a tutti,
mi si è presentato questo problema: ho una img ridimensionata in percentuale (diciamo width:30%) contenuta dentro un div con un padding e un bordo. Quando faccio il preview accade che l'img mi viene correttamente ridimensionata ma il div che la contiene rimane grande come se vedesse le reali dimensioni dell'immagine. C'è un modo perchè il div riconosca le nuove dimensioni e si adatti di conseguenza all'img?
Grazie, un saluto

[Prill]

Ciao, ma le dimensioni del div come sono espresse?

[luklab]

Non sono espresse, vorrei che il div si adattasse come accade quando dai le dimensioni
all'immagine in pixel.

[Prill]

Un div, se non esprimi le dimensioni, prende in larghezza tutto lo spazio disponibile, si adatta allargandosi solo quando i contenuti hanno dimensioni precise che eccedono la larghezza della finestra: se in esso inserisco un paragrafo o un'immagine o qualsiasi elemento largo 3000 pixel, la larghezza di quell'elemento sarà la larghezza della riga e il div si adatterà anche se la finestra ha dimensioni inferiori. Non si adatterà invece a un elemento contenuto che sia meno largo.
Quindi le dimensioni percentuali dovrai specificarle nel tuo div, ad esso potrai assegnare un valore pari a 30% o quello che vuoi mentre per l'immagine specificherai un valore pari al 100% (che sarà il 100% del 30% del div) per la larghezza e per l'altezza un un height:auto

[luklab]

Ok, è chiaro. Grazie per la risposta.
Ora però chiedo, escludendo il discorso "img dentro un div":
se io ho diciamo 4 <img src... flottate a sinistra ridotte mettiamo al 20% la preview mi fa vedere ok l'img ridotta ma l'elemento successivo si accatasta come se vedesse l'img al 100% , non si appiccica all'img precedente ma rimane staccata di quell'80% che ho nascosto. C'è un modo per evitare questa cosa? Per esempio se l'img la riduco in em o px il problema non sussiste.
mmm... Spero di non aver fatto troppa confusione.

[fcaldera]

prova ad assegnare al div display: inline-block;

[luklab]

Macchè, deve esserci qualcosa che lo infastidisce... mi sa che cambio strategia e amen. Grazie ragazzi!