Pozycjonowanie div'ów na stronie

0

Cześć, mam spory problem z pozycjonowaniem kilku divów. W htmlu wygląda to tak:

<div id="1">
<div id="1.1"></div>
<div id="1.2"></div>
<div id="1.3"></div>
</div>

Div1 ma background i określony konkretny rozmiar, a divy 1.1, 1.2, 1.3 też mają bg i stałe rozmiary no i mają być rozlokowane każdy względem div1 w zależności od parametrów left, top itd...

Próbowałem wszystkich opcji, ale na pewno nie we wszystkich możliwych konfiguracjach i już nie mam pomysłów. Dawno się nie zajmowałem html'em, więc czas sobie przypomnieć co z czym się jadło :)

Absolute i fixed odpada bo odnoszą się do krawędzi przeglądarki.
Najlbliżej ideału było zastosowanie relative, był tylko jeden problem:
tylko div 1.1 działa względem div1, a następne już względem porzednika, czyli
1.2 ustawia się względem 1.1, a 1.3 względem 1.2

Pewnie wystarczy jedna linijka by kontenery luźno pływały, ale już nie pamiętam i nie wiem zbytnio co googlować.

pomocy :/

1

po pierwsze to "id" nie może zaczynać się od cyfry

kontenerowi nadaj position: relative
dzieciom nadaj absolute i dodaj top/bottom i left/right

0

@dzek69 nazwy divów były poglądowe dla szybszego wyjaśnienia sprawy :)
I ogólnie dzięki bo twoje rozwiązanie pomogło.
Musiałem tylko dodać nowy div zawierający 1.1, 1.2, 1.3 ponieważ div1 rozlewał się po całym ekranie i nie mogłem mu nadać konkretnych rozmiarów.
Z nowym blokiem jest już ok ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1