Многие из нас встречали сайты, на которых есть своеобразный “вход” или же “Intro” который расположен строго по центру экрана и нам предлагается либо выбор языков либо быстрый переход на необходимый раздел.
Сегодня я хотел бы рассказать Вам как при помощи CSS сделать наш элемент отцентрированным точно в середине экрана, то есть, и вертикально и горизонтально сосредоточенным.
.center {
position: fixed;
top: 50%;
left: 50%;
}
Данный класс ставит правый верхний угол элемента точно в центре экрана.
Для точного выравнивания по центру, нам необходимо применить половинные отрицательные значения ширины и высоты нашего элемента.
Гораздо сложней блок в блоке, особенно если надо поверху...
В CSS есть vertical-align, но вроде как не работает с блоками, например когда надо текст по вертикали сцентрировать, приходится padding использовать... :)
maza - 7-08-08 09:08:07
ну, очень познавательно :-D