[HTML][CSS]Element na dole innego elementu Opcje

[daniel1302]

Witam, mam taką strukturę

[HTML] pobierz, plaintext 
<div id="container">
	<div id="left">
		<div class="obrazek">Byle co tam</div>
	</div>
 
	<div id="right">
 
	</div>
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#container {
	width: 500px;
	overflow:hidden;
}
#left {
	width: 200px;
	padding-bottom: 1001em;
	margin-bottom: -1000em;
	background-image: url(obrazek);
}
#right {
	width: 300px;
	padding-bottom: 1001em;
	margin-bottom: -1000em;
}
[HTML] pobierz, plaintext 

Jak zrobić aby element <div class="obrazek"></div> był na dole elementu left jeśli dam mu pozyconowanie absolutne oraz bottom: 0; to nie widać go wcale(domyślam się, że jest on tam gdzie ustawiłem ten padding i margin bottom)

Ten post edytował daniel1302 22.02.2013, 19:43:43

[lobopol]

Jest tak jak mówisz, wywal margin i będziesz go widział, container daj position: relative

Ten post edytował lobopol 22.02.2013, 20:00:19

[daniel1302]

Kod

    padding-bottom: 1001em;
margin-bottom: -1000em;

Ten fragmęt odpowiada za równe kolumny, mam tło ząbkowane i musi to zostać.


Edit: Poradziłem sobie tak:
Dodałem stopkę(position:relative), w stopce dodałem element: <div class="obrazek">(position: absolute) i ustawiłem mu odpowiedni left i top i działa.

Ten post edytował daniel1302 23.02.2013, 07:42:26