У меня небольшая проблема. Я пытаюсь выровнять два divs бок о бок с помощью CSS, однако я хотел бы, чтобы центр div был расположен горизонтально на странице, я достиг этого, используя:
#page-wrap { margin 0 auto; }
Это хорошо работает. Второй div, который я хотел бы позиционировать в левой части центральной страницы, но я не могу это сделать, используя float, хотя я уверен, что это возможно.
Может быть, лучше показать пример того, что я описываю:
Проблема с макетами http://pauljarratt.co.uk/images/problemimage.jpg
Я хотел бы нажать красный div рядом с белым div.
Вот мой текущий CSS, касающийся этих двух div, боковая панель - красный div и обтекание страницы - белый div:
#sidebar {
width: 200px;
height: 400px;
background: red;
float: left;
}
#page-wrap {
margin: 0 auto;
width: 600px;
background: #ffffff;
height: 400px;
}
Любая помощь будет оценена.