IE6 Layout Issue - должно быть предельно просто

Question

Я создаю простой шаблон HTML / CSS для себя, который здесь , и он прекрасно работает во всем, кроме IE6.В IE6 боковая панель опускается вниз, что говорит мне о неправильной ширине IE.

Ширина #wrapper составляет 940 пикселей в ширину.Div #mainContent имеет ширину 730px. Div #sidebar имеет ширину 209px.

730px + 209px = 939px

.не думайте, что это проблема с коробочной моделью.

Кто-нибудь знает, почему IE6 ломается?Я добавил исправление IE7 Javascript Code , но, к сожалению, я не вижу, работает ли оно, потому что Adobe Browser Lab и Netrenderer не принимают javascript.

Если вы можете открыть Firebugи посмотрите шаблон Я уверен, что некоторые из вас, ребята, могут сразу определить, что не так.

Спасибо огромное

Answer 1

См .: http://jsbin.com/itolaw/5

Я добавил float: left к #sidebar и position: relative к #mainContent.Я также удалил IE7.js.

Я протестировал его в IE6 с помощью IE NetRenderer , как вы упомянули в своем вопросе.

Answer 2

Я бы предложил явно установить ширину каждого объекта, что обычно решает проблему в IE6 (помните, что внешняя ширина объекта равна width + margin + padding, поэтому при вычислении нужногоширина учитывает это).

И кажется, что вы используете , используя отступы.