Internet Explorer Div Проблема

Question

У меня проблемы с моей веб-страницей. Во всех браузерах div выравнивается идеально. Тем не менее, во всех версиях Internet Explorer Div отображается вне строки. Вот изображение разницы:

Вот страница, где вы можете просмотреть источник:

Контактная страница

Я бы очень хотел помочь, IE делал это мне несколько раз. Я хотел бы узнать, что делать в подобных ситуациях. Я где-то читал о специфичном для IE файле CSS, который мог бы это исправить, но я не до конца понимал, что нужно изменить в этом новом файле CSS. Вся помощь приветствуется.

-Noah

Answer 1

Вы можете добавить это, и оно должно работать (по крайней мере, это было сделано только через изменения в браузере) после вашего обычного css

<!--[if IE]>
<style type="text/css">
    #mainbox{padding-left:0;}
    #servicesright{float:left;}
</style>
<![endif]-->

Кроме того, вам также не хватает некоторых закрывающих тегов, которые могут показаться и, возможно, причиной странности.

Answer 2

Попробуйте исправить проблемы, представленные валидатором W3. http://validator.w3.org/check?uri=http%3A%2F%2Fkynikosdesign.com%2Fcontact.php&charset=%28detect+automatically%29&doctype=Inline&group=0&verbose=1

Answer 3

Проблемы, которые я обнаружил в структуре вашей страницы (которые вызывают проблему с отображением):

1. # основной контейнер не должен иметь ширину
2. вы используете таблицу для своегоМакет формы, который является большой ошибкой (он толкает весь контент вниз)

как обходной путь, удаляющий ширину в (1) и ширину = 100% в (2), решит вашу проблему, но я очень рекомендуюследовать хорошей практике для вашего макета страницы.(т.е. используя div вместо таблицы).