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

Question

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

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

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

Answer 1

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

Answer 2

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

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

Если вы получили расширение Firefox «Веб-разработчик» , вы можете использовать его для отображения того, как вложены ваши div. (информация / порядок отображения div)

Answer 3

У вас есть:

<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 и поля слева от содержимого div в CSS.