Rozszerzanie diva 'post'

Question

Projektuję design diva pod post/wpis na blogu. Wszystko elegancko, jednak zawsze znajdzie się tam miniaturka jakiegoś zdjęcia. Poza tym tekst czasem go nie wyprzedza. min-height nie wystarcza i obrazek wyłazi za diva. Jak zrobić, aby był on rozszerzany przez obrazek? JS?

Answer 1

Szczerze? Nic nie rozumiem.

Daj kod, CSS i HTML.

Comments

chodzi mi o to, że obrazek nie rozszerza diva w którym się znajduje. A tekst tak.

---

Takie buty.

Zapewne wysokość div'a masz w % a zdjęcie w px.

Zrób tak:

<div class="DivDlaObrazka">
    <img src="jakasSciezka.png" class="Obrazek"/>
</div>

Css -

.DivDlaObrazka{
    height: 500px;
}

.Obrazek{
    height: 50%;
}

Nie działa, obejrzyj: https://www.youtube.com/watch?v=E3Nr6shFy3Q.

Tak, tak wiem że nie o to chodzi, ale i tak obejrzyj. :) 

---

wysokość diva to min-height w pikselach.

---

A spróbuj w css zdjęcia dać:

background-size:contain;

Więcej opcji tutaj:

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover.