IE7 CSS плавающие проблемы

Question

У меня проблемы с сайтом, который я разрабатываю в IE7, особенно со средним и меньшим разрешением.Элемент nav с плавающей точкой в ​​div, # content_inside . # page , содержащая фактическое содержимое, затем помещается вокруг всплывающего nav .Теперь, с определенными разрешениями, содержимое # page опускается ниже nav , что не имеет смысла, поскольку # page вовсе не является плавающим элементом.Я включил ссылку ниже для справки.

Другая проблема заключается в способе рендеринга изображений в IE7, при этом наиболее уязвимыми являются те, что находятся внизу страницы.Края кажутся изменчивыми и некачественными.Это известная проблема?Он не отображается ни в одном другом браузере на других платформах.

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

Я не заметил ничего подобного, пока не просмотрел веб-сайт на рабочем месте клиента, где он работает.IE7 в Windows XP.Я перепробовал множество исправлений, и проблемы не исчезли, поэтому любая помощь приветствуется.

Адрес: http://alexjewell.com/clients/klineman/

Большое спасибо.

PS - Если это поможет, сайт выполнен на HTML5.

Answer 1

Я должен быть честным, это кажется достаточно простым, чтобы вы не сталкивались с подобными проблемами.

Что касается HTML5, я рекомендую вам прочитать эту статью , чтобы разобраться сIE7.

Похоже, вы не дали этой странице ширину.Это специально?

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

Надеюсь, все это имело смысл.

Answer 2

Измените #page

#page{
    padding: 185px 10% 32px 350px;
}

до

#page
{
    margin-top: 185px;
    margin-left: 350px;
}

Лучше использовать маржу для такого рода вещей.

Answer 3

Было бы проще использовать другой тег div вместо тега nav? IE может не распознавать это, потому что это HTML5.