Центрирование контента страницы

Webr · March 7, 2009

Решил стать правильным человеком - перейти на XHTML 1.1 и теперь не могу отцентровать контент страницы.

Как хорошо было раньше - был тег <center>:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html, body {height:100%}
.contabl {width:600px; height:100%; border-collapse:collapse; border:solid 1px black}
</style>
</head>
<body>
<center>
<table class="contabl">
.....
</table>
</center>
</table>
</body>
</html>

Теперь же, при XHTML1.1, его не должно быть, а с CSS, ничто не помогает на 100%.

Делаю для body text-align:center - работает в IE7, а в Opera 9.63 выравнивается по левому краю.

Делаю div со стилем text-align:center; width:100% - та же картина.

Делаю параграф с text-align:center - при height:100% он правильно отображается в Opera, а в IE7 уезжает вниз на 100% высоты страницы.

В общем, пошёл он, этот XHTML1.1 со своим CSS, если его разные браузеры поддерживают по-разному...

Edited March 7, 2009 by Webr

Victor Ananiev · March 7, 2009

а margin:0 auto; ?

VooFoo · March 7, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html, body {height:100%}
.contabl {
position: relative;
left: 50%;
margin-left: -300px;
width:600px;
height:100%;
border-collapse:collapse;
border:solid 1px black;
}
</style>
</head>
<body>
<table class="contabl">
.....
</table>
</table>
</body>
</html>

так пробовал? :lol:

Edited March 7, 2009 by VooFoo

Vlad · March 8, 2009

VooFoo, не запутывай людей, в данном случае проще через margin: 0 auto выравнивать.

klierik · March 9, 2009

если блок имеет фиксированную ширину, в таком случае, как и сказал Влад, следует использовать margin

Sign In

Центрирование контента страницы

Question

Webr

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

VooFoo

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information