IE позиционирует левую боковую панель ниже содержания

Question

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

Я создал простой веб-сайт, состоящий из четырех страниц (index.html плюс три других). В FF все работает нормально, но в IE это не так. Я знаю, что есть много подобных проблем, но после нескольких часов поиска я не могу найти решение. У меня есть боковая панель слева, которая в FF появляется на месте, но в IE появляется ниже содержимого. Странная вещь заключается в том, что на четвертой странице она работает, поэтому я потерял ее, если это ошибка css или html в моей учетной записи. На данный момент сайт находится по адресу http://www.kids2move.nl/djctapas

Я надеюсь, что есть кто-нибудь, кто видит то, что я сделал неправильно, и как я могу это исправить. Я буду регулярно проверять эту страницу, поэтому при необходимости могу добавить дополнительную информацию, например, мой css-файл или htmlcode. Заранее спасибо!!

Answer 1

Почему бы вам не добавить боковую панель в страницу div?

Answer 2

Вы в настоящее время:

<div id=page> 
    <div id=content></div> 
</div> 
<div id=sidebar></div> 

Я думаю:

<div id=page> 
    <div id=sidebar></div>   
    <div id=content></div> 
</div> 

бы сделать гораздо больше смысла макет мудрым и, возможно, исправить вашу проблему. Если нет, поиграйте с позицией: absolute; бокового div и margin-left от содержимого div в CSS.

Answer 3

Я согласен; попробуйте переместить боковую панель div на уровень.

Разница с фотографией - побочный эффект дополнительной записи div, на мой взгляд.

Если вы получили расширение firefox "Web Developer", вы можете использовать его для отображения того, как ваши вложенные div. (информационный/дисплейный порядок)