Как зафиксировать блок?

Question

[mozila3000]

Здравствуйте! При верстке блога я столкнулся с одной проблемой. Когда я фиксирую левый блок и задаю минимальную ширину контентному блоку, то, если вы уменьшите размер экрана, появляется ползунок снизу, и вы сможете двигать контентом под фиксированный блок.

Вопрос: Как решить данную проблему, чтобы я не мог заезжать контентом под левый блок, потому что когда я просматриваю сайт с телефона или другого устройства, при сближении к заданному участку у меня видно только левый блок и ничего больше?

Заранее благодарю.

Пример - http://jsfiddle.net/rG952/b

Answer 1

[Алексей]

Зачем вы задаете минимальную ширину контейнеру ваших блоков?
Задавайте ее блоку контента:
jsfiddle.net/caLsz

Но для телефона нужно использовать настраиваемые стили и метатег viewport
frontender.com.ua/mobile-web/wtf-viewport
www.webmolot.com/viewport

Comments

[mozila3000]

Ничего не меняется :(
Если я уменьшу менше 200px, будет тот-же эффект.
Вот пример today.ucoz.ae , если я изменяю ширину браузера, то нету такого эффекта, как в моем примере или это из-за использования bootstrap?

А за метатег большая благодарность, почитаю и применю

Answer 2

[Александр Таратин]

body {
    color: #8f8f8f;
    font: 12px Tahoma, sans-serif;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}
header, 
nav, 
section, 
article, 
aside, 
footer {
  display: block;
}
#wrapper {
    min-width: 1024px;
    max-width: 98%;
    position:absolute; 
    height: 100%;
}
aside {
    float: left;
    width: 250px;
    position:absolute;
    background: #272727;
    height: 100%;
}
section {
    margin-left: 280px;
    margin-right: 0px;
}

Answer 3

[Виталий Желтяков]

Нужно ограничить размеры блока родителя (того который подъезжает под фиксированный блок).