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

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

  • Четверг, 29 сентября 2012, 09:07 |
  • Автор: falkovsky |
  • Просмотров: 1605 |
  • Комментарии: 1 |
  • В закладки:
В коде показан пример центрирования по вертикали и горизонтали.

HTML:
<div id="parent">
    <div id="child">Содержание</div>
</div>


CSS:
#parent {position: relative;}
#child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 30%;
    margin: auto;
}



Из названия метода прослеживается его суть: растяжение вложенного элемента до 4 границ, за счет установки значений свойствам top, bottom, right, и left равных нулю. Поля по всем сторонам будут формироваться автоматически, что приведет к заданию равных значений по всем четырем сторонам. Вложенный элемент div в этом случае выровняется по центру родительского элемента

Метод не применим для IE 7 и ниже.

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

Спонсором нашего поста является компания "Виктория". Программы 1с купить москва для вашего предприятия в любое время года и погоду, ваш бухгалтер будет счастлив вместе с нами. Между прочим именно в этой компании дарят подарки первым клиентам..
  • Тэги публикации
Добавить комментарий