Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Абсолютное позиционирование — следующий уровень!

.

До сих пор все ваше позиционирование было привязано к экрану. Когда вы хотите определить позицию какого-то элемента, вы привязываете его к левому верхнему углу страницы в окне браузера. Но когда вы начинаете экспериментировать с абсолютным позиционированием, например накладывая элементы друг на друга, требуется другой подход.

Чтобы проиллюстрировать это, возьмем красный квадрат, показанный в примере выше, и добавим к нему желтый квадрат:

Сейчас мы поместили элемент div с id-атрибутом yellowblock внутрь элемента div с id-атрибутом redblock, а затем задали для него абсолютное позиционирование — смещение на 20 пикселов сверху вниз и еще на 20 — слева направо. Как вы думаете, где окажется желтый квадрат? Результат показан на рис. 4.34.

Рис. 4.34. Желтый блок отображается внутри красного

Как это получилось? Когда вы позиционируете элемент абсолютно (как наш красный квадрат), все внутри него (в данном случае желтый квадрат) позиционируется относительно родительского элемента. Звучит, конечно, не очень логично — вообще-то это уже следующий шаг, но мы не будем использовать такую технику на учебном сайте. Я должен был рассказать о ней, чтобы вы могли ее применять, создавая свои собственные сайты.

.

Читайте так же:
Not found