Какие есть хорошие уроки/статьи по позиционированию relative/absolut (CSS)?

Question

[Алексей Смирнов]

Только не кидайте, пожалуйста, ссылки в поисковые системы.

Answer 1

[Константин Величко]

Все просто, у родителя ставите relative, внутри блок absolute. Его двигаете по 2 координатам left (right), top (bottom).

Comments

[Сергей Протько]

это далеко не все

[Тимур Сергеевич]

@Fesor Вот :)

[Сергей Протько]

@MyAlesya, очень и очень скучно повествует автор. Я честно не осилил, с учетом того что ничего интересного я явно не узнаю.

[Алексей Смирнов]

А что касается наплывания блоков друг на друга. Про такое можно почитать где-нибудь?

[Тимур Сергеевич]

@ERAFY В каком смысле? Вы хотите сделать?

[Алексей Смирнов]

Просто бывает одни блоки от других отталкиваются, а бывает наплывают друг на друга. Это пример надо искать.

[Тимур Сергеевич]

@ERAFY jsfiddle.net/L87zn/1

[Сергей Протько]

jsfiddle.net/4XvKU

[Сергей Протько]

@ERAFY за управление кто под кем отвечает z-index. И да, все же сходите в поиск.

[Тимур Сергеевич]

@Fesor Вроде бы уже все рассказали(

[Алексей Смирнов]

Мне честно говоря это было знакомо. Но это я просто плохо сформулировал вопрос.

[Алексей Смирнов]

Это пригодиться другим людям которые будут искать ответ на подобный вопрос.

[Алексей Смирнов]

Мне просто нужно было понять при каких условиях один блок по длине будет выталкивать другой вниз.

[Алексей Смирнов]

Я помню еще встречал в интернете хорошие англоязычные лекции на эту тему. Но их уже не найти.

[Алексей Смирнов]

dreamhelg.ru/2011/02/css-position-in-10-steps

[Сергей Протько]

@ERAFY блоки с position absolute выходят из общего потока, и по сути никак не влияют друг на друга (если они на одном уровне DOM дерева)

[Тимур Сергеевич]

@ERAFY Зачитался)) Интересные статьи)

Answer 2

[Тимур Сергеевич]

Вот

Тогда вот :)

Comments

[zjoin]

уроки sorax. Жесть. Это как слушать человека, который говорит как он крут.

Answer 3

[Сергей Протько]

htmlbook.ru/css/position - этого достаточно. Обязательно поэксперементируйте, выставляя top/left/bottom/right в различных кобинациях.

Answer 4

[Crash]

Есть неплохой учебник от Ивана Салагаева