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.



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

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 

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

Nie ma ca co polecam sie na przyszłość