Центр DIV отображает внизу страницы в Internet Explorer

У меня проблема с моими div в Internet Explorer. У меня есть расположение трех столбцов, и оно отображается правильно во всех браузерах (хром, firefox, safari), за исключением Internet Explorer. В IE средний div отображается внизу страницы, а не между боковыми панелями.Центр DIV отображает внизу страницы в Internet Explorer

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

Любая помощь будет оценена!

Мой сайт: http://www.onedirectionconnection.com

И вот CSS:

div#container { 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0px; 
    width: 1125px; 
    text-align: left; 
} 

div#header { 
    clear: both; 
    height: 500px; 
    margin-top: 0px; 
    padding: 0px; 
    border: 0px 
} 

div#navi { 
    text-align: center; 
    background: #FFFFFF; 
    clear: both; 
    height: 60px 
    margin-left: 13px; 
    margin-right: 13px; 
    margin-bottom: 10px; 
    padding-left: 39px; 
    border-bottom: 3px solid #FF0000; 
    border-top: 3px solid #FF0000; 
} 

div#left { 
    float: left; 
    width: 320px; 
} 

div#right { 
    float: right; 
    width: 320px; 
} 

div#middle { 
    padding: 0px 325px 5px 325px; 
    margin: 0px; 
}

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

источник

2012-05-30 nellygrl

Увеличить ширину контейнера или уменьшить некоторые поля.

#middle 
{ 
padding: 0px 0px 5px 0px; 
margin: 0px; 
overflow: hidden; 
width: 485px; 
float: left; 
}

источник

2012-05-30 09:05:22

Как уменьшить поля без изменения внешнего вида макета в других браузерах? – nellygrl

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

Отметьте ответ как принятый или подтвердите, если это было полезно. –

Вам необходимо работать с позиционированием DIV. Левый div в порядке. Добавьте средний div после левого div и затем правый div.

Добавить float: left; width: 400px; margin: 0; в центр. И настройте ширину дочерних элементов среднего DIV.

источник

2012-05-30 09:25:18 Dipak

Центр DIV отображает внизу страницы в Internet Explorer

ответ

Смежные вопросы