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

Question

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

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

Answer 1

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

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

#content { 
    float:left; 
} 

Answer 2

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