Непоследовательная компоновка с использованием MVC3 с использованием IE9 - PullRequest
Новая
       4

Непоследовательная компоновка с использованием MVC3 с использованием IE9

0 голосов
/ 16 декабря 2011

Я создал простое приложение с использованием MVC3, и сайт основан на шаблоне по умолчанию.

Когда я создаю сайт и запускаю его локально, если он отображается правильно (с использованием IE9 и Chrome), но при развертывании его на нашем сервере (Windows Server 2003) страница отображается неправильно при доступе с моего компьютера.

Вот странный бит ... когда я просматриваю сайт из браузера на сервере (IE8), он снова корректно рендерится.

Раздел файла CSS, который, кажется, вызывает проблему, является этим ... 

header, #header 
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height: 135px;
}

header h1, #header h1 
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main 
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    background-image:  url(themes/base/images/ss_bg.gif);
    background-repeat: repeat;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, 
#footer 
{
    background-image:  url(themes/base/images/2bg.gif);
    background-repeat: repeat;

    font-family: Courier;
    font-size: .9em;
    font-weight: normal; 
    font-style: normal; 
    font-variant: normal; 
    color: Gray;

    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

Вот несколько снимков экрана:

Неправильный рендеринг в IE 9 Incorrect Rendering

Правильный рендеринг локально в IE 8 Correct Rendering

1 Ответ

2 голосов
/ 16 декабря 2011

Нажмите F12, чтобы открыть Инструменты разработчика, которые должны показать, что IE не использует один и тот же «Режим браузера» / «Режим документа» между двумя экземплярами сайта.

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

Добавление этого к вашему <head> должно решить проблему: 

<meta http-equiv="X-UA-Compatible" content="IE=edge">
...