VPF::как центрировать таблицу - Форум программистов

Gold Dragon

Дата 31.7.2008, 13:33 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

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

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

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

NDenis

Дата 31.7.2008, 13:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

Gold Dragon

Дата 31.7.2008, 14:05 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

если бы было так легко 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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

Код


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

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

Цитата

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

Это сообщение отредактировал(а) NDenis - 31.7.2008, 14:21

IBS

Дата 1.8.2008, 00:12 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6

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

Gold Dragon

Дата 1.8.2008, 08:15 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

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

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

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

)

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

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

--------------------

NDenis

Дата 1.8.2008, 14:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

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

)

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

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

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

Gold Dragon

Дата 4.8.2008, 08:56 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

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

)

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

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

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »