DIV. Table. Align

15th June 2003 - 22:35

В div надо поместить таблицу и прижать вправо. В ie6 — без проблем. В Mozilla — таблица остается слева ибо box — text-aline * не помогает. Конечно, можно прописать таблице width="100%", но: а) не кошерно; б) страшно глючит в ie6. Можно прописать width="100%" не table, а td, прекращаются страшные глюки в ie6, но Мозилле на эту конструкцию совершенно пофиг, то есть как была таблица слева, там она и остается.

Решение #1: Прописываем таблица display: inline. И в Mozilla, и в ie6 все работает. Но: а) черт его знает, как это будет работать в ie5.5 и ie5; б) не работает в Opera7.

» source

*- опечатка ( text-align )

Решение #2:

/* Для выравнивания вправо: */
div {text-align: right;}
div table {margin: 0 0 0 auto;}

/* Для центрирования: */
div {text-align: center;}
div table {margin: 0 auto;}

Необходимости в div table {display: inline;} вроде бы нет.

Понимают: IE6, Opera7, Mozilla1.2 (в других не смотрел). В данном случае с выравниванием вправо должны быть проблемы у шестой Оперы.

Мысль интересная, можно и глубже покопаться.

Categories: CSS | comments: (1)

Комментарии

1. Виталий 16th June 2003 - 02:48

Здорово! Все работает. Спасибо.

А на шестую оперу можно забить — все-таки ее пользователи гораздо более «подвижны» нежели пользователи ie.

Mash:

Насчёт подвижности согласен, хотя и знаю людей, которые до сих пор ходят пятой Оперой. ;)

Комментарии временно отключены.