вертикальное выравнивание в div'e

Юрий · June 7, 2007

Нужно чтобы информация в блоке выравнивалась вертикально по середине. Можно ли такое реализовать без использования таблиц и ява скрипта?

Вот как должно работать (IE 6):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
 <title>Вертикальное выравнивание</title>
 <style type="text/css">
 #level {
 background: #c1c1c1;
 width: 50%;
 margin: 0px auto;
 }
 </style>
</head>

<body>
 <table border=1px width="60%" height="200px">
 <tr>
 <td valign=middle aling="right">
 <div id="level">Информация должна быть выровнена вертикально по середине</div>
 </td>
 </tr>
 </table>
</body>

</html>

yopopt · June 7, 2007

Задача не ясна. Информация и так выровнена.

strix · June 7, 2007

Существует несколько способов выравнивания в CSS - один из способов и хороший обзор по ссылке http://cssing.org.ua/2007/04/26/another-css-valign-method/

Без javascript реализация возможна, однако есть свои ограничения - читайте статью.

@ndrey · June 7, 2007

в стиль добавить line-heigh, значения line-height и width в стиле должны совпадать, т.е.

 #level {
 background: #c1c1c1;
 width: 50px; line-height:50px;
 margin: 0px auto;
 }

Sign In

вертикальное выравнивание в div'e

Question

Юрий

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

strix

Link to comment

Share on other sites

@ndrey

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information