Witam mam problem z pozycjonowaniem na załączonym rysunku postaram sie to wyjaśnić.


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.

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:

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ź.

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