Blueprint CSS Framework / липкий нижний колонтитул с проблемой IE6

В настоящее время я использую структуру Blueprint CSS, устанавливая ширину 910 пикселей вместе с липкая разметка нижнего колонтитула Стива Хэтчера.

Проблема, которую я получаю, заключается в том, что по какой-то причине только в Internet Explorer 6 с правой стороны моего класса #wrap добавляется дополнительный отступ / поле в 10 пикселей.

Я загрузил свой тестовый сайт сюда:

http://prashantraju.com/test/

Вот сравнение IE6 и IE7.

http://www.prashantraju.com/test/ie6ie7.gif

Как вы можете видеть, в IE7 нет полей / отступов с правой стороны (красная область), но в IE6 есть дополнительные 10 пикселей.

Есть ли способ исправить это - или в чем причина лишних 10 пикселей?

Заранее спасибо.


css xhtml internet-explorer-6 blueprint-css
person Community    schedule 03.12.2009    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Из того, что я могу получить с помощью FireBug, для панели навигации явно не задана ширина, что, если вы дадите ей фиксированный размер (такой же, как 910 пикселей)?

Отредактировано:

Извините, учитывая вывод FireBug css, я подозреваю, что вы используете элемент, унаследованный от screen.css из строки 101: margin-right: 10px;

Думаю, причина в этом.

Теперь, когда панель навигации имеет собственную запись css в таблице стилей, возможно, вы можете переназначить значение элемента margin-right обратно на ноль, чтобы решить эту проблему.

person Michael Mao    schedule 03.12.2009
comment
Спасибо! Добавление margin-right: 0 для элементов, занимающих 910 пикселей или 23 столбца, зафиксировало дополнительное поле в 10 пикселей в IE6. - person ; 03.12.2009
comment
О, приятно это слышать :) Кстати, вы можете справиться с несовместимостью браузеров, изучив тип браузера, чтобы загрузить определенный css для этого конкретного браузера. IE6 - моя головная боль и проклятие ... - person Michael Mao; 03.12.2009