Проблемы выравнивания содержимого тела в IE6

Question

У меня проблемы с выравниванием сайта, который я разрабатываю на IE6.Он отлично работает во всех браузерах (Firefox, Opera, Chrome, Safari и т. Д.), Включая IE7, IE8 и IE9.По сути, я обнаружил, что есть 25 дополнительных пикселей, которые добавляются либо в основной текст страницы, либо в правый столбец страницы (это divs #body_box или #right_box в скрипте JS ниже).Они должны отображаться в строке, но вместо этого #right_box перекрывается и отображается под #body_box и перемещается вправо.

Насколько я знаю, я расширил div #Complete_Layout до 1025px (вместо 1000pxчто он установлен в настоящее время), и именно тогда он работал в IE6.Я пробовал 1026px и 1024px, но они не совпадали.Я проверил размеры фоновых изображений, которые являются точными, и я даже попытался изменить ширину двух элементов div (body_box и right_box) на проценты (75% и 25%), но это дало тот же результат.У меня нет идей, что еще попробовать.

http://jsfiddle.net/cRcXq/

Следует отметить, что я делаю это на PHP, а разделы body_box и right_box являются частью включаемых файлов (не знаю, если это что-то меняет).Я добавил комментарий к HTML в JSFiddle о том, где начинается index.right.php.Спасибо за помощь.

Answer 1

Это похоже на печально известную ошибку в модели IE 6 , хорошо известную разницу между IE 6 и другими браузерами того времени. По сути, IE 6 считает отступ и границу как часть ширины и высоты элемента, но любой другой браузер того времени следует той же модели, что и более новые браузеры.

Если серьезно, почему вы разрабатываете сайт для IE 6? Ей десять лет и она небезопасна, и ее доля на рынке США составляет менее 1%. Microsoft создала веб-сайт , посвященный тому, чтобы избавить людей от IE 6. Вы не будете писать код для Office 2000, Mac OS 9 или PHP 3, так почему вы разрабатываете код для браузера, был популярен примерно в то же время, что и эти продукты?