CSS: IE8 против мира (Firefox, Chrome, Safari)

Question

У меня есть тема с использованием Adaptavist Theme Builder для Confluence, и я столкнулся с проблемой, когда тема является префектом в Firefox, Chrome или Safari, но IE8 не хочет ограничивать ширину таблицы:

Пример: http://wiki.bccampus.ca/pasbc

Включение режима совместимости не помогает ...

Это макет из трех столбцов с фиксированной шириной среднего столбца.За исключением IE8 ... Я сравнил вывод Firebug в Chrome и Firefox с Инструментом разработчика в IE8, и я не вижу разницы в HTML.

Обновление

Я попытался использовать оба варианта CSS, но не увидел изменений в отображаемом элементе в IE.Затем я обнаружил, что версия Theme Builder устарела и требует обновления до Confluence 3.3.x, чтобы использовать новейшую версию Theme Builder ...

Answer 1

Звучит так, будто у тебя на руках веселая проблема ...

IE вызовет у вас много, много головных болей в будущем.

Из того, что я могу сказать, ваша таблица настроена на "ширину: 100%;" окружающего div, ширина которого составляет 940 пикселей. Это прекрасно работает в FF / Chrome / Safari, потому что они видят ширину 100% и думают, что 100% от div непосредственно окружают стол. IE думает об этом как о 100% страницы (насколько я могу судить)

Попробуйте изменить свой CSS для таблицы, которая содержит контент по ширине: 100%; в ширину: 940 пикселей;

Да, IE - это боль.

Answer 2

ширина среднего столбца контролируется с помощью min-width и max-width, которые не поддерживаются в IE

, вы можете попробовать использовать выражениядля экс-

минимальная ширина: 500 пикселей;width: expression (document.body.clientWidth <500? "500px": "auto"); </p>

см. этот художественный для более подробной информации