• vkontakte odnoklassniki yandex google
Забыли пароль?
Glazavezde.RU » Профессиональные Тонкости верстки Web страниц » Выравнивание динамического контента по центру экрана в htnl5

 Выравнивание динамического контента по центру экрана в htnl5 

Логотип HTML 5
div по центру экрана htnl5
Этот способ работает во всех современных браузерах без нареканий!!!
Простота и изящность в одном флаконе. 

<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Сайт</title>
<style>
html { height: 100%; }
body { height: 90%; }
</style>
</head>
<body>
<div style="display:table;height:100%;margin:0 auto;">
<div style="display:table-cell;vertical-align:middle;">
Выравниванием динамическое содержимое div по центру экрана
</div></div>
</body>
</html>
 
PS:  Не нужно перебирать сотри способов, вполне достаточно и правильно знать всего один, но при этом полностью рабочий способ для центровки div по центру экрана по вертикали и горизонтали для того что бы ваши web страници проходили валидаторы и корректно отображались во всех современных браузерах.

   
Понравилась эта статья?
Добавляй её в социальные закладки!
Помни, что именно от тебя зависит что будет на страницах интернета завтра!
Не дай рекламе завоевать интернет, цени бесплатное и качественное !!!
Печать

   [ Сообщить об ошибке ]

Всего проголосовало: {allratingValue}
Средний рейтинг {ratingValue} из 5


    Не задан

----------------------<cut>----------------------
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация 
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.