Absolute / Relative

[InSanE_]

Здравейте, започнах да изучавам позиционирането със CSS, научих видовете позициониране, обаче не можах да разбера кога се ползва ABSOLUTNO и кога RELATIVNO позициониране, и кога просто с MARGIN ?

 

[Fr33style]

http://videotutorials-bg.com/lessons.php?action=viewsub&id=26&t=120&page=2

 

[emagi]

КАкво е absolute позициониране!Когато ползваш това позициониране, елемента ти ще бъда незавсимо каква резолюция на точно определено място.Тоест, ако му за дадеш 200px от даден елемент, то тя ще бъде точно на 200px от него.При задаване на position:absolute, теб не те интересува кой елемент след кой е като подредба в HTML документа.Логично е, ако имаш да речем:

...............
<div id='1'></div>
<div id='2'></div>
<div id='3'></div>

Би трябвало DIV с id=3 да е най-отдолу на HTML документа(ако няма float,position,нали?ПОлзваш ли:

position:absolute;

може да се нареждаш DIVwowete както искаш.Незнам точно как да ти го обесня,Трябва да пробваш сам.ЗА position:relative..., то мога да ти кажа ,че това е относително отместване на реалното място.Ако имашедин DIV, като му зададеш relative да кажем:

position:relative;
margin-left:10px;
margin-top:10px;

то положението на този DIV ще бъде на 10px спрямо оста X и на 10px спрямо оста Y от действителното му положиние.
ЗА margin,то това е стил ,чрез който задаваш на какво разтояние ще бъде дадения елемент от "границите"(ако искаш ги наречи ръбове....) от друг елемент в HTML документа.
Незнам как точно да ти ги обесня ,за да ме разбереш най-добре!

 

[InSanE_]

Значи ако на всяка една картинка от дизайна пиша този код:
{
position:absolute;
left:...;
top:...;
}

така да си го наместя за мойта резолюция, така ще излиза и на всички останали резолюции ?

 

[I_V_O]

Значи ако на всяка една картинка от дизайна пиша този код:
{
position:absolute;
left:...;
top:...;
}

така да си го наместя за мойта резолюция, така ще излиза и на всички останали резолюции ?

Точно обратното.

 

[R3sp3k7]

Значи ако на всяка една картинка от дизайна пиша този код:
{
position:absolute;
left:...;
top:...;
}

така да си го наместя за мойта резолюция, така ще излиза и на всички останали резолюции ?

Точно обратното.

I_V_O е прав като позиционираш с absolute е по твоята резолуция но като е на друго всичко е разместено и дори като информацията в сайта е повече futera седи на едно място или дори се качва нагоре.Попринцип absolute остановява абсолутна позиция която не се премества откъм резолуците затова по добре с margin и padding да си ги позициноираш.Прочети някой урок или прегледай в videotutorials-bg за информация :?:

 

[mrqnka]

Аз не мога да кажа, че много разбирам, но ако знаеш английски, ето тази статия на мен много неща ми изясни.

 

[shterev]

Затова се пише с float или така да се каже се ползват плаващи елементи