IE6 Таблица выравнивания ячеек с ajax

Question

Это странно,

У меня есть страница, которая состоит из html-таблицы в элементе div, который называется 'rate-viewer' . Если вы загрузите эту страницу в IE (6 или 7), вы заметите, что содержимое заголовков таблицы смещено влево.

Если вы выбираете страну из выпадающего списка, она запускает ajax-вызов скрипта. Этот скрипт возвращает точно такой же html-код в div 'sizes-viwer', чтобы заменить исходную таблицу.

Странно то, что при этом содержимое заголовка таблицы корректно выравнивается.

Почему загрузка одного и того же html в один и тот же div приводит к тому, что содержимое заголовка моей таблицы корректируется следующим образом?

Я предположил, что мой HTML немного отличается, я уверен, что то же самое.

Может кто-нибудь помочь с этим, пожалуйста, это заставляет меня много хмуриться :) Мне в основном нужно, чтобы оригинальный html был выстроен правильно, но я заинтригован тем, почему это происходит.

JS - это немного jquery, и он находится в источнике wp-test.php. Мой сценарий, который называется «rate-viewer-test.php», и CSS находится в main.css ...

Answer 1

Ваша проблема в том, как IE обрабатывает столбцы, когда ширина таблицы больше, чем общая ширина столбцов. Ваша таблица имеет ширину 739 пикселей, а ваши 6 столбцов - 95 пикселей (95 * 6 = 570). По умолчанию выравнивание текста по центру. Удаление ширины столбцов в вашем CSS-файле должно решить эту проблему.

Кстати, я посмотрел ваш файл CSS и нашел 3 места, где вы определяете ширину для этих столбцов. На самом деле, похоже, все повторяется. Вы определяете .rates-section table th в строках 438, 1492 и 2122, все с присвоением ширины.

Answer 2

Вы пытались использовать вызов jQuery для загрузки ваших начальных значений при загрузке страницы? Пусть jQuery вызовет функцию, которую вы используете для загрузки, а затем добавьте эти значения, чтобы обеспечить им правильное выравнивание.

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