Проблемы рендеринга ширины IE - PullRequest
Новая
       30

Проблемы рендеринга ширины IE

0 голосов
/ 24 октября 2011

Я разработал страницу фиксированной ширины, которая одинаково визуализируется в Chromium, Firefox, Safari, но имеет небольшую проблему во (как я могу судить) ВСЕХ разновидностях IE. Я добавил несколько условных стилей для IE, которые делают его немного лучше, но он все еще отключен (всего на пару пикселей).

Сайт находится здесь: http://www.brushesfacepainting.co.uk/brushes/home

IE и Chromium рендеринг рядом показаны здесь: http://www.brushesfacepainting.co.uk/images/renderissue.jpg

Я добавил условные стили для IE, чтобы зафиксировать ширину всех элементов, до этого стиль баннера был намного уже, чем тело.

Полагаю, я столкнулся с ошибкой IE, но не могу понять, какая именно! Может кто-нибудь помочь, пожалуйста?

Спасибо, Lee

Ответы [ 3 ]

0 голосов
/ 24 октября 2011 
/* ONLY FOR IE */

DIV.mainbodyie{
  width: 848px;
}

DIV.mainbody{
  padding-right: 0;
}
0 голосов
/ 24 октября 2011

Используйте структуру div для включения в нее всего содержимого, такого как верхний и нижний колонтитулы. Добавьте следующий код для этого div: 

.test{
overflow:auto;
margin: 0 auto;
}
0 голосов
/ 24 октября 2011

Правило mainbodyie имеет ширину, которая отличается от ширины в вашем стандартном CSS. (851px против 848px). Исправьте это, чтобы соответствовать вашим другим оберткам.

Кроме того, ваша страница не центрирована в IE - я предлагаю вам обернуть всю страницу в оболочку фиксированной ширины с полем: 0 для автоматического центрирования всей страницы - чтобы вы не повторяли ширину несколько раз в вашем CSS для каждого макета элемент.

...