Pozycja obrazka względem nadrzędnego diva

0

Jak ustawić pozycję obrazka od dołu nadrzędnego diva (teraz jest automatycznie od góry)? Próbowałam użyć align: bottom, ale nie działa ten kod, na stronie w3schools jest informacja, że html5 nie wspiera tego. Czy da się to rozwiązać jakoś inaczej?

<div class="contest_picture left">
	<div class="picture">
		<img src="img.png" alt="Picture uploaded by: name"/>
	</div>
	<div class="description">Author: name, Date:</div>
</div>
.picture {
	height					: 180px;
	border					: 1px solid #000000;
	overflow				: auto;
}

screen.png

dodanie obrazu do posta - Furious Programming

0
.picture{
position:relative;
}
.picture img{
position:absolute;
bottom:0px;
}

Dodaj takiego css'a i sprawdź

0

Trzy opcje. Jedna wymaga 1px pustej przestrzenii niestety, druga nie zawsze zadziała zgodnie z oczekiwaniami.
To, co oferuje @nieznasz to opcja trzecia.
http://jsbin.com/besaqega/1/

Każda ma wady i zalety, jak posiedzisz w tym długo-długo to się dowiesz kiedy, którą i dlaczego ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1