Здравствуйте.
Моя вечная проблема при верстке. Я сначала располагаю sidebar в контентном блоке, а затем другие div блоки. Всё отлично работает пока не доходит дело до мобильной версии. Sidebar располагается сверху(в html так и есть), а надо сделать снизу. Если переместить вниз, то другие блоки не дают ему встать влево из-за того, что он в HTML ниже расположен.
Понимаю, что верстать нужно не так, чтобы таких проблем не возникало, но уже поздно.
Вот код:
<div class="contener">
<div class="content">
<!-- Куча дивов онли с визуальным оформлением -->
<div class="sidebar"></div>
</div>
</div>
И стили:
.contener {
min-height: 100%;
margin-top: 25px;
}
.content {
margin: 0 auto;
max-width: 945px;
}
.sidebar {
margin: 0 10px;
position: relative;
float: left;
min-width: 200px;
max-width: 27%;
height: 1700px;
}
Как мне сделать так, чтобы sidebar встал влево в блоке content, и чтобы другие блоки ему не мешали средствами CSS? Либо как его в мобильной версии переместить ниже остальных блоков - в блоке content?
