Очистить: и IE6 и выше - PullRequest
Новая
       27

Очистить: и IE6 и выше

0 голосов
/ 07 марта 2012

У меня есть сайт, на котором я работаю: http://tinyurl.com/6s4nwnu

У меня есть весь веб-сайт, кроме меню и нижнего колонтитула в div обертки. У div нижнего колонтитула есть ясность: и то, и другое работает в любом браузере, кроме IE (см. Рисунок).

Я попытался исправить, но безуспешно.

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

Предложения

Ответы [ 2 ]

0 голосов
/ 07 марта 2012

Есть много решений.

См. http://paulirish.com/2009/browser-specific-css-hacks/ Где вы можете найти подробный список браузерных хаков для конкретных браузеров.

или

Вы можете использовать условный HTML-класс Пола Айриша. Который я расширил для вашего случая, чтобы включить «т.е.» помимо версии. 

 <!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
 <!--[if IE 7 ]>    <html class="ie ie7"> <![endif]-->
 <!--[if IE 8 ]>    <html class="ie ie8"> <![endif]-->
 <!--[if IE 9 ]>    <html class="ie ie9"> <![endif]-->
 <!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

Где вы можете позже настроить таргетинг IE следующим образом: 

.ie{}  // targets all IE's
.ie6{} // targets IE6
.ie7{} // targets IE7 
.ie8{} // targets IE8
.ie9{} // targets IE9

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

0 голосов
/ 07 марта 2012

У вас есть еще несколько проблем со страницей, и их исправление может исправить все остальное.Ваш текст также выходит за рамки, если размер окна недостаточно широк, чтобы отобразить весь текст.Мин-ширина поможет с этим.Это также может помочь с вашими другими проблемами.

В настоящее время ваши #content размеры не совпадают прямо с блочной моделью для ie8 или ниже, поэтому исправление всего этого должно происходить в первую очередь, чтобы сузить, гдедругие проблемы приходят из.Необходимо установить DTD так, чтобы IE использовал Quirks Mode, потому что это единственный способ, чтобы я выстроил боксы правильно.Я заметил, что вы сделали это, но при этом дизайн IE9 не так чист, как должно быть.Использование условных тегов css для Internet Explorer должно помочь.Я бы добавил минимальную ширину для всего этого, чтобы она не ломалась, когда ваша ширина недостаточно велика, так как это проблема и в Firefox.Я попытался использовать IETester, чтобы увидеть, может ли он воссоздать ошибку ie6, но не повезло.Я бы добавил минимальную ширину вашего контента и посмотрел бы, исчезнут ли ваши проблемы.

...