Это вторая статья на тему позиционирования блочных элементов. В первой речь шла о том, как задавать местоположение элементу, используя свойство position и точки координат top, left, right и bottom.
В этой статье я продолжу свое повествование на данную тему. На этот раз мы воспользуемся такими свойствами CSS, как float и clear.
Итак, в чем же суть позиционирования блоков?
Позиционирование (выравнивание) блочных элементов в CSS
Как вы вероятно уже знаете верстать сайт можно, используя таблицы, в этом случае страница разбивается на ячейки. А можно для этих целей использовать блоки, когда страница сайта состоит из отдельных элементов.
Наверное, не ошибусь, если скажу, что при этом серьезной проблемой для многих начинающих веб-мастеров является задача расположить блоки в заданном месте веб-страницы.
Одной из главных трудностей при верстке с помощью блоков является позиционирование (выравнивание) этих самых блоков.
Основы CSS и HTML. Блочная верстка
Этот урок рекомендуется тем, кто только начинает осваивать премудрости создания сайтов. В нем даны основные понятия о HTML и CSS. Пошагово выполняя инструкции данного урока, вы уже через несколько минут сверстаете шаблон для своего сайта.
Шаблон вебсайта мы будем делать с помощью блочной верстки, использую тег – «DIV».
Учебник HTML для начинающих. Блочная верстка
Вступление
Если вы думаете, что создать собственный Web-сайт это сложно, вы заблуждаетесь. Практически любой человек, умеющий читать и писать, и владеющий компьютерной грамотностью на уровне начинающего пользователя способен в течение часа создать свою первую web-страничку.
Введение
Урок 4. Создаем первый веб-сайт
Урок 5. Продолжаем изучать теги
Урок 9. Верстка с помощью блоков
Урок 10. Веб-страница из трех колонок
Урок 14 Оптимизация кода HTML с помощью CSS