Вертикальное выравнивание в DIV'ах

[Asar]

Luerssen, IE?.. Даже если считать, что данная конструкция подойдет...

WP, для вертикальной центровки?.. В данном случае — бесполезняк...

Поправьте, если где неправ...

 

[talgat]

<?xml version="1.0" encoding="windows-1251"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>titled</title>
</head>
<body>

<div style="height:300px; width:300px; border: 1px solid; font-size:260px;display:table-cell;
vertical-align:middle; text-align:center">

<img src="kartinka_200_x_200.jpg" alt="" / align="middle">

</div>

</body>
</html>

 

[RolCom]

WP если бы браузеры полностью поддерживали стандарты, а так толко Konqueror/Safari.
talgat
Супер) Ток font-size:270px; для того чтоб ровно было в ИЕ. Как работает?

 

[talgat]

talgat
Супер) Ток font-size:270px; для того чтоб ровно было в ИЕ. Как работает?

IE6 при font-size:270px; уже начинает растягивать DIV

 

[RolCom]

Смотрел в ие7

 

[crocodile2u]

Если выровнять нужно картинку, может, background-position:center center; ???

 

[talgat]

Автор оригинала: RolCom
Смотрел в ие7

А что именно происходит в ИЕ7 ? Просто сейчас нет возможности посмотреть.

Автор оригинала: crocodile2u
Если выровнять нужно картинку, может, background-position:center center; ???

Если каринку вставлять как фон для DIV, тогда можно. Но если как вложенный тег img, то тут уже все сложнее.

 

[RolCom]

talgat
Если картинка большая(280px) То верхний отступ заметно горздо меньше нижнего, если маленькая то незаметно. При 270px ровно.