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

Question

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

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

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

http://prashantraju.com/test/

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

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

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

Есть ли способ исправить это - или какова причина дополнительных 10px?

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

Answer 1

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

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

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

Я считаю, что это причина.

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