VPF::Избавиться от скрола - Форум программистов

$дмитрий

Дата 27.2.2012, 08:34 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

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

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

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

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

Evghenusi

Дата 27.2.2012, 11:33 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15

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

$дмитрий

Дата 27.2.2012, 12:14 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Цитата

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

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

Цитата

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

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

ksnk

Дата 27.2.2012, 12:41 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Казалось бы не сложно сделать 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>

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

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

$дмитрий

Дата 28.2.2012, 11:43 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »