[HTML][CSS] div wzgledem innego diva Opcje

[elmozaur]

Witajcie googluje od jakiegos czasu pewien problem i nie moge znalezs odpowiedzi.
Problem rysuje sie nastepujaco:
Mam diva1 wielkosci 100x100px w nim jest div2 wielkosci 50x50px oraz div3wielkosci 10x100px.
W zalozeniu ma to byc element galerii rysowany w petli tak dlugo jak beda podawane z bazy obrazki.
Divnr2 to miejsce do wczytania obrazka, div3 to miejsce na jego podpis a div 1 to kontener dla obrazka i podpisu.
I teraz problem: chcialbym aby obrazek w kontenerze byl wysrodkowany a podpis "przyklejony do srodka dolnej krawedzi kontenera.

(IMG:http://www.giorgiow.studiogif.com/pic.jpg)

Dlugo juz walcze z vertical-align:bottom, display:inline itp i nic nie wychodzi.
Moze ktos mial podobny problem i moze podzielic sie doswiadczeniem ?

za info dziekuje i pozdrawiam
G

Ten post edytował elmozaur 26.03.2009, 11:33:59

[luniak]

Html:

[HTML] pobierz, plaintext 
<div class="div1">
   <div class="div2"></div>
   <div class="div3"></div>
</div>
[HTML] pobierz, plaintext 

Css:

[HTML] pobierz, plaintext 
.div1 {
position: relative;
width: 100px;
height: 100px;
 }
 .div2 {
position: absolute;
top: 25px;
left: 25px;
width: 50px;
height: 50px;
 }
 .div3 {
position: absolute;
bottom: 0px;
left: 0px;
width: 100px; 
height: 10px;
 }
[HTML] pobierz, plaintext 

Ten post edytował luniak 26.03.2009, 12:48:40

[elmozaur]

dziekuje. Mialem odwrotnie absolute z relative i dlatego mi nie dzialalo

[luniak]

Nie ma ca co (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) polecam sie na przyszłość