Position : absolute, relative

[Pozycjoner.pro]

Chciałbym prosić o wyjaśnienie tego zagadnienia.

Mam taką sytuację:

<div id="wrapper">

<div id="a"></div>

<div id="b"></div>

</div>

Chcę przemieszczać diva b używając polecania top, right itp. Rozumiem że w tym celu muszę wpisać mi parametr position:absolute i wtedy domyślnie będzie on w lewym górnym rogu diva wrapper. Z tego co wiem, jeśli w css dla diva a podam parametr position:relative, to div b powinien się domyślnie pojawić w lewym górnym rogu diva a, ale nic się nie dzieje. Nie ma żadnej różnicy.

Kiedy zatem i po co używać relative ? W każdym divie używać absolute względe wrappera który obejmuje całą stronę ? Czy nie będzie to błędem ?

[shpyo]

.wrapper { position: relative; }

Dzięki temu w divie .wrapper będziesz mógł dowolnie ustawiać divy .a i .b za pomocą pozycji absolutnej, jeżeli tego nie zadeklarujesz to będziesz ustawiał te dwa divy absolutnie wg strony.

[Pozycjoner.pro]

Dzięki. Czyli można uznać ten zapis

.wrapper { position: relative; }

jako standard dla każdej strony ?

Rozumiem że jeśli potem wszystkie inne divy będę pozycjonował poleceniem absolute, to nie będzie to żadnym błędem ?

Bo jest to bardzo prosta metoda.

[slawek22]

Wiadomo, że bardzo prosta jednak nie koniecznie powinno się tak robić.

Jeśli zamiast float: left / right użyjesz position: absolute to twój wrapper będzie miał zerową wysokość, więc nie zrobisz na nim ani tła ani ramki, ani nie dodasz stopki na dole strony. Chyba, że a lub b będzie pozycjonowane normalnie.

absolute/relative się nadaje bardziej na pozycjonowanie np. elementów menu niż na layout 2 kolumnowy.