Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > как центрировать таблицу

Автор: Gold Dragon 31.7.2008, 13:33

Как правильно огранизовать центрацию таблицы, т.е. расположить таблицу в центре по горизонтали&

ps
align не рекомендован для <table>, а значит без него

Автор: NDenis 31.7.2008, 13:49

Cамый простой способ, поместить таблицу в <div> со стилем text-align:center;

Автор: Gold Dragon 31.7.2008, 14:05

если бы было так легко smile

Код


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</head>
<body>

<div style="text-align: center">
<table width="200" border="1">
    <tr>
        <td>test</td>
    </tr>
</table>
</div>

</body>
</html>

Internet Explorer 6 - не работает
Firefox 3.0.1 - не работает
Opera 9.29 - не работает

Автор: NDenis 31.7.2008, 14:20

тогда еще проще
если ширина таблицы известна, то:

Код


<style type="text/css">
    table {
        margin:0 auto;
    }
</style>

не сразу заметил

Цитата

<?xml version="1.0" encoding="UTF-8" ?>

Автор: IBS 1.8.2008, 00:12

Я не понимаю почему align не рекомендован для таблиц - вполне удобно, да и работает везде или может я чего-то не знаю smile

Автор: Gold Dragon 1.8.2008, 08:15

NDenis, стиль помог и вроде валидный smile

А что значит auto? Что-то читаю доку и не пойму на что он может повлиять.. Кстати, что значит "не сразу заметил"? smile

Цитата(IBS @ 1.8.2008, 01:12

)

Я не понимаю почему align не рекомендован для таблиц - вполне удобно, да и работает везде или может я чего-то не знаю

Не валидный код. сейчас используется в переходном HTML. Просто нет гарантии что новые браузеры оставят поддержку невалидного кода. Например, самые новые версии Оперы и особенно Лисы уже заставляют писать "правильно"

Автор: NDenis 1.8.2008, 14:15

Цитата(Gold Dragon @ 1.8.2008, 08:15

)

NDenis, стиль помог и вроде валидный smile А что значит auto? Что-то читаю доку и не пойму на что он может повлиять.. Кстати, что значит "не сразу заметил"? smile

Данный стиль задает автоматические отступы слева и справа у блока, таким образом блок центрируется по горизонтали.

Этой строчкой вы сбрасываете IE6 с высокой колокольни в режим совместимости со старыми версиями. И таким образом этот зверь не чтит даже тех стандартов, что он поддерживает. И IE может вести себя очень не очевидно. Поэтому я и показал вам smile

Автор: Gold Dragon 4.8.2008, 08:56

Цитата(NDenis @ 1.8.2008, 15:15

)

Этой строчкой вы сбрасываете IE6 с высокой колокольни в режим совместимости со старыми версиями.

если честно, то даже и не подумал.. но как ни странно, всё работает на "древнем"