Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Избавиться от скрола

Автор: $дмитрий 27.2.2012, 08:34

Пробую сверстать макет такого плана
user posted image

Сайт центрирован с фиксированной шириной(margin:0 auto; width:1000px)
Красный блок(position:absolute; width:500px; height:500px)

При уменьшении окна браузера, из-за красного блока, преждевременно отображается полоса прокрутки! Каким образом от нее избавится?

Фикс на JS - крайний вариант smile

Автор: Evghenusi 27.2.2012, 11:33

overflow:hidden; для body не подойдёт? к тому же есть Media Queries

Автор: $дмитрий 27.2.2012, 12:14

Цитата

overflow:hidden; для body не подойдёт?

Нет, прокрутка должна быть при < 1000px

Цитата

к тому же есть Media Queries

Нужно решение и для <IE9

Автор: ksnk 27.2.2012, 12:41

Казалось бы не сложно сделать overflow:hidden для body. позиционировать абсолютный див от него. и вставить в body еще один div-контейнер, уже с overflow:auto и в него вставлять контент

Код


<!doctype html>
<html>
<body style="width:100%;  overflow:hidden; background:blue;">
<div style="overflow:auto;">
  <div id="content" style="height:800px;width:500px;margin:0 auto; background:gray;">&nbsp;
  </div>
</div>

<div style="position:absolute; width:200px; height:200px;background:red;left: 50%;top: 100px;margin:0 0 0 200px ;"></div>
</body>
</html>

Но вот что-то скролл не появляется все равно. :(

Автор: $дмитрий 28.2.2012, 11:43

Пока решил не парится и использовать <body style="overflow-x:hidden;">, спс за участие