Говорят, что создание сайта - очень длительный и трудоемкий процесс. Мы скажем - НЕТ! Ведь с новыми технологиями, такими как HTML5, CSS3, PHP и MySql можно быстро и легко научиться создавать сайты любой сложности.
Два сумасшедших веб-мастера покажут где что лежит и как этим пользоваться.
Авторизация
Новый
Забыл
Пожалуйста, заполните поля выше. Это нужно сделать обязательно, иначе ничего не получится.
CSS и Верстка /

Методы вертикального центрирования с помощью CSS. Плавающий div

  • Пятница, 30 сентября 2012, 12:50 |
  • Автор: falkovsky |
  • Просмотров: 2109 |
  • Комментарии: 2 |
  • В закладки:
Идея данного метода заключается в использовании плавающего пустого элемента div, который будет помогать управлять положением вложенного элемента в документе. Давайте пройдемся по порядку по пунктам этого метода.
1. Смещаем пустой div влево/вправо и задаем высоту равную половине родительского элемента. (div заполнит верхнюю половину родительского элемента).
2. Используя clear: both, делаем так, чтобы вложенный элемент не обтекался текстом. Применяем то же направление, которое было при смещении пустого div
3. Свойству margin-bottom для плавающего div задаем отрицательное значение. Смещаем вложенный элемент вверх на 50% от высоты плавающего пустого div.

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

Заключение

Все методы, которые были мной описаны просты в использовании и в понимании. Общим недостатком всех этих методов является то, что они не подходят для всех случаев сразу. Необходимо хорошо понимать, что вам необходимо и уже под эти требования выбирать тот метод, что необходим.
Используя clear: both, делаем так, чтобы вложенный элемент не обтекался текстом. Применяем то же направление, которое было при смещении пустого div-a

Если Вы заботитесь о своем здоровье и хотите похудеть правильно - Вам поможет Диета Пьера Дюкана. С помощью нее можно сбросить более 10 кг и при этом не навредить своему здоровью.
  • Тэги публикации
Добавить комментарий