А я вот никак не могу добиться вертикального выравнивания текста в DIV-е через CSS. Чтобы работало в: IE, Opera, FireFox.
Пишу код:
| Код | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251' />
<meta name="Generator" content='EditPlus 2.12' />
<meta name="Author" content='Ciber SLasH' />
<title>JavaScript :: "window.open()" [метод: add]</title>
<style type='text/css'>
div {
position: absolute;
z-index: 1;
left: 25%;
top: 10px;
width: 50%;
height: 10%;
/* padding-top: 3%;*/
/* vertical-align: middle;*/
border: 3px solid red;
background: navy;
color: lime;
font-weight: bold;
filter: alpha(opacity=80);
}
</style>
</head>
<body>
<div align="center">Картинка, открытая другим документом</div>
</body>
</html>
|
Если раскомментировать padding-top: 3%;, то отображается нормально в IE и FireFox (в нём правда размер DIV-а увеличивается), а в Опере глючит.
Если акомментировать padding-top: 3%; и раскомментировать vertical-align: middle;, то по идеи как раз должен быть текст по вертикали, но не тут то было...
Так как же всё-таки добиться вертикального выравнивания в DIV-ах для этих трёх бродилок? |
