Internet Explorer-> <DIV>& ширина

Question

У меня есть страница, которая прекрасно выглядит в FireFox / Chrome / Opera / Safari, но неправильно отображается в Internet Explorer.Быстрый поиск выявляет много проблем с DIVs в IE, но ни один из пунктов, похоже, не решает эту проблему.

Проблема в том, что в Internet Explorer DIV расширяется на всю ширину браузера;это поведение не реплицируется ни в одном из других.

Код здесь: http://pastebin.com/c46uB7GP

CSS здесь: http://pastebin.com/TXWWM2Qu

IE визуализированное изображение здесь: http://imgur.com/Pciv5

Хромированное изображение здесь: http://imgur.com/8kwd4

Любая помощь будет приветствоваться в решении этого расхождения.

Спасибо, R

Answer 1

В вашем текущем коде нет спецификации ширины / высоты макета.

Поместите содержимое внутри вложенного div, ширина которого указана в пикселях.

Также лучше отождествлять ваши div с классами (или идентификаторами, если есть только один из них) и определять фактический CSS в файле CSS, а не в HTML. Таким образом, вы можете отделить презентацию от разметки, чтобы можно было отправить тот же HTML-код, скажем, на мобильное устройство, но с другим файлом CSS для этого устройства.