Pozycjonowanie div-ów Opcje

[drzewko]

Witam mam problem z pozycjonowaniem na załączonym rysunku postaram sie to wyjaśnić.
(IMG:http://lcdk.pl/miron.jpg)

Strona zbudowana z 3 głownych divów jak na rysunku, niebieskie okienka sa zdefiniowane jako
.ramka {border 1px solid black}

na stronie glownej w ten sposob okreslam polozenie:

<div class="ramka" style="left: 10px, top, height, width, position itd"></div>

problem w tym ze okienka sie nie ukladaja tak jak na zdjeciu gdyż kazdy div sie ukladaja jeden pod drugim i wzgledem tego polozenia nastepuje przesuniecie left,top, probowalem klase ramke zdefiniować jak display:inline; jednakze to nie rozwiązało tego problemu. w przypadku position absolute pozycja left:0 top:0 jest na divie o numerze 1 dlatego pozyscjonowanie to odpada.

Jak wypozycjonowac te divy jak na rysunku? tak zeby zmiany rozmiarow div 1 i 2 nie mialy na pozycjonowanie wewnatrz div 3 wplywu.

[Cotter]

W pozycjonowaniu divów jest ciekawa reguła:

Współrzędne dotyczą granic elementu nadrzędnego, który jest pozycjonowany absolutnie (lub relatywnie).

Można ten fakt wykorzystać do wypozycjonowania elementów absolutnie, ale tylko w ramach wybranego elementu. Robi się to w następujący sposób:

Kod

<div style="position: relative">
    <div style="position: absolute; top: 10px; left: 15px;">
    To jest tekst
    </div>
</div>

Element wypozycjonowany relatywnie będzie w swoim naturalnym położeniu, z kolei element wypozycjonowany absolutnie
powinien być pozycjonowany w ramach elementu relatywnego.

Powinno działać, sprawdź.

[drzewko]

Wielkie dzięki!!! Działa nawet nie wiesz jak mi pomogłeś. Uwaząm temat za zamknięty