[CSS][HTML] Sterowanie Divami Opcje

[ZenekN]

Witam mam pewien, chciałbym umieścić jednego diva w wybranym miejscu (na stałe w jednym miejscu) np. na środku za pomocą


margin: 50%;
width: 200px;
height: 200px;


następnie chciałbym rozmieszczać kolejne divy o tych samych rozmiarach


width: 200px;
height: 200px;


w dowolnych miejscach według diva głównego aby tamten pierwszy nie zmieniał swojego położenia.


Moje pytania brzmią:

jak zablokować diva głównego w jednym miejscu
jak umieszczać kolejne divy z prawej strony albo lewej strony diva głównego aby ten nie zmieniał swojego położenia ?

jak umieszczać diva od dołu lub od góry według diva głównego ?

czy position absolute diva głównego zmieni położenie wszystkich divów ?

Ten post edytował ZenekN 19.09.2012, 09:14:06

[Sephirus]

najprościej to zrób tak:

Ustal DIVa głównego jako relative - i rozmieść go tak jak być powinien (może być też absolute jeśli to w czymś pomoże).

Powiedzmy, że masz już DIVA tam gdzie chciałeś. Przy założeniu, że znamy (choć zawsze możemy pobrać) rozmiary tego DIVA możesz do niego wrzucać kolejne DIVY, którym odpowiednio ustawisz własności LEFT, RIGHT, TOP, BOTTOM - tak by były nad, pod obok głównego DIVA.

Czyli na przykład:

Masz DIVA o szerokości 300 na 300 px. Chcesz dodać nowego po prawej stronie o tych samych rozmiarach. Ustalasz mu left:300px i top:0px i już. Chcesz ustawić diva pod głównym dajesz top:300px i left:0px. Jeśli dobrze to zmieszać z JS uzyskasz zamierzony efekt.