Показано с 1 по 9 из 9

Тема: Таблица по центру

  1. #1

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Натолкнулся на непонятный "сюрприз".
    Необходимо выровнять таблицу с фиксированной шириной по центру окна браузера.

    Следующая вроде бы обычная конструкция прекрасно работает в IE:

    Код:
    <div style="text-align: center;">
    <table>...</table>
    </div>
    Но FF и Opera на подобный код плевать хотели. Таблица в них при таком условии – по левому краю.
    А вот такой вариант работает во всех браузерах:

    Код:
    <div align="center">
    <table>...</table>
    </div>
    Но ведь небезызвестно, что этот чудесный атрибут align относится к нерекомендуемым W3C. Как же тогда заставить FF и Opera понимать вместо него вышеуказанное стилевое правило?

  2. #2

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    text-align: center используется исходя из контекста даже =) для выравнивания текста и никак иначе. выровнять таблицы можно либо отрицательными маргинами вкупе с абсолютным или относительным позиционированием, либо автополями.

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Zigzag@Jan 3 2007, 19:12
    text-align: center используется исходя из контекста даже =) для выравнивания текста и никак иначе.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Вот оно! Ужасное наследие...
    По логике вещей, Вы, конечно, правы.

    Originally posted by Zigzag@Jan 3 2007, 19:12
    выровнять таблицы можно либо отрицательными маргинами вкупе с абсолютным или относительным позиционированием, либо автополями.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Примерчик небольшой можно?
    А то у меня с отрицательными маргинами совсем плохо... :ninja:
    Кстати, насколько корректно их IE понимает?
    Заранее благодарю.

  4. #4

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Aykroyd@Jan 4 2007, 00:27
    Примерчик небольшой можно?
    А то у меня с отрицательными маргинами совсем плохо...* :ninja:
    Кстати, насколько корректно их IE понимает?
    Заранее благодарю.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    [Только зарегистрированные пользователи могут видеть ссылки. ]

    вроде, проблем никогда не возникало с этими двумя способами

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Zigzag@Jan 4 2007, 02:45
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    вроде, проблем никогда не возникало с этими двумя способами
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Спасибо! – То, что нужно.

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Еще вот такой вопрос:

    Свойство {margin: 0px auto;} прекрасно сработало, если его приписать непосредственно самой таблице. А вот если таблиц несколько, и всех их заключить в <div>, которому приписать {margin: 0px auto;}, находящиеся внутри него таблицы почему-то это выравнивание не наследуют.
    Т.е. сам <div> выравнивается по центру, а таблицы внутри него – по его левому краю, а не по центру окна браузера.

    Это ожидаемое поведение?

  7. #7

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    насколько мне хватает моих знаний и если я все правильно понял, то это ожидаемое поведение, хотя можете попробовать задать принудительное наследование свойства от родительского элемента через значение inherit

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Сейчас мы их проверим...

  9. #9

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Zigzag@Jan 4 2007, 18:31
    насколько мне хватает моих знаний и если я все правильно понял, то это ожидаемое поведение, хотя можете попробовать задать принудительное наследование свойства от родительского элемента через значение inherit
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Представляете, принудительное наследование свойства от родительского элемента для таблиц дало результат в FF. Но совершенно никакого эффекта не возымело в Opera.

    Воистину неисповедимы пути Господни...

    Но поставленная задача решена, и это главное.
    Спасибо!

Похожие темы

  1. Расположение блока из div`ов по центру
    от skatadov в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 23.11.2008, 23:12
  2. Как выровнять div-ы по центру?
    от Stttttttttttttttas в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 14.06.2008, 02:22
  3. позиционирование картинки по центру
    от KukMan в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 27.03.2008, 22:10
  4. И как же по центру повесить!
    от Xela в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 09.12.2005, 13:05
  5. Позицирование элемента по центру страницы
    от synchro в разделе Вёрстка сайта
    Ответов: 11
    Последнее сообщение: 23.06.2005, 13:32

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •