Проблема с позиционированием на боковой панели

Question

Я создал свой первый шаблон, но моя боковая панель не работает должным образом. Пожалуйста, посмотрите на это: http://neo4evr.com/templates/torque/

Как видите, боковая панель опустилась в нижний колонтитул, а не сбоку от #content div, как я хотел. Может ли кто-нибудь помочь мне принести его рядом с content div?

Answer 1

Это должно быть довольно легко. Просто добавьте display: inline-block к div#content. Боковая панель поднимается и садится рядом с div#content. Однако вы можете заметить одну вещь: боковая панель может быть немного выше содержимого. Если вы хотите немного уменьшить его, чтобы он выровнялся с содержимым, просто добавьте столько же отступов к верхней части боковой панели, как и с содержимым. Что в данном случае это 20px.

Answer 2

Вам нужно правильно очистить #container div и переместить содержимое влево, чтобы решить вашу проблему.Попробуйте это:

#container:after {
    clear: both;
}
#container:before, #container:after {
    content: "";
    display: table;
    zoom:1; /* ie fix */
}

#content {
    float:left;
}