вставка DIV

Создавая веб-страницы, многие наверняка сталкивались с проблемой размещения какого-либо объекта по центру. На самом деле, выполнить это вовсе не сложно, и существует несколько способов решения этой задачи.


Для того, чтобы выровнять Div по центру горизонтально, следует пользоваться соответствующей разметкой:
.className{
margin:0 auto;
width:100px;
height:100px;
}

Чтобы разместить объект в центре горизонтально, понадобится отметить его ширину и значения для боковых отступов (auto). Данная инструкция применима ко всем без исключения блочным элементам.
Для того, чтобы выровнять Div одновременно по горизонтали и вертикали, необходимо заранее определить размеры объекта. Разметка в этом случае будет выглядеть следующим образом:
.className{
width:300px;
height:200px;
position:absolute;
left:50%;
top:50%;
margin:-100px 0 0 -150px;
}

Если обозначать объект точными параметрами, его позиция может быть определена напрямую относительно браузера, а не страницы. Для этого вполне достаточно обозначить top и left как 50%, и объект начнет отображаться в центре.