плыть налево;Не работает в IE?

Question

(я смотрю на этот сайт в IE 8.) Как вы можете видеть, контент плавает по центру, сбивая боковую панель под ним.Он отлично работает в Chrome.Я не могу понять, почему поплавок: слева;команда не работает в IE.

#content {
margin: 5px 0 5px 5px;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
width:65%;
float:left;
}

Спасибо за вашу помощь.

Тара

Answer 1

что я сейчас вижу в IE8:

проблема в том, что ссылки в IE слишком широки.Вы установили width на 16,62% для каждой привязки в меню, и это слишком широко для IE.Поскольку ширина вашего контента фиксирована, я предлагаю вам установить фиксированную ширину в пикселях (132 пикселя) для этих ссылок, чтобы они помещались на одной строке и выглядели одинаково во всех браузерах, а также удалили настройку стиля li margin: 0.5em 2em, чтобы исправить проблему позиционирования в IE.

После исправления я вижу это:

Answer 2

Если вы добавите overflow: hidden к вашему ul#list-nav, это предотвратит путаницу с плавающей навигацией в оставшейся части документа.

Что касается того, почему навигация отображается странно, это потому, что вы плохо указываете ширину и расположение. То, что вы должны использовать, это:

ul#list-nav {
    overflow: hidden;
}

ul#list-nav li {
    width: 16.66%;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

ul#list-nav li a{
    display: block;
    margin-left: 1px;text-decoration: none;
    padding: 5px 0;
    background: #754C78;
    color: #EEE;
    text-align: center;
}

Таким образом, ширина каждого элемента в точности равна 16.66%, а не 16.62% + 1px

Answer 3

Для меня, похоже, нет ничего действительно плохого в содержании.

В ie6-ie9 меню как-то не работает.

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

Обратите внимание , что дополнительная буква s кажется где-то между #menu и #content .containers.

Edit2: проблема, очевидно, заключается в слишком большой ширине menu a, и меню состоит из двух строк.

Как часто делается меню, это то, что ul или внешний div содержит цвет, а затем menu li либо центрируются внутри него, либо просто плавают влево. таким образом вы получите ощущение полной высоты без торможения меню, как это происходит (хотя, если вы делаете это без игнорирования ширины ... это возможно при слишком большом количестве пунктов меню и т. д.)

Answer 4

добавить ясно: оба; в меню контейнера.

примечание: в Firefox сломан до