Форум hotibo.ru

dionisp · 17.04.2011 18:16

Как заставить div3 занимать оставшуюся часть окна браузера, чтобы не было вертикальной полосы прокрутки?

Код:

dark-demon · 19.04.2011 05:56

html {height:100%}
div3 {margin-top: -150px}

Отредактированно dark-demon (19.04.2011 05:57)

dionisp · #3 19.04.2011 08:39

dark-demon написал:

html {height:100%}
div3 {margin-top: -150px}

1. Это изменение не дало желаемого эффекта. div3 сместился в верхнюю часть окна в IE7 и пропал совсем в Opera.

Код:

            #div3 {
                width:100%;
                margin-top: -150px;
                background-color:green;
            }

2. Пробовал сделать тоже самое с помощью таблицы. В Opera и FireFox отлично работает, но в IE7 работает только если убрать DOCTYPE. Как заставить IE отображать первые 2 строки таблицы заданной высоты с DOCTYPE strict?

Код:

  
    Untitled Document

Отредактированно dionisp (19.04.2011 09:03)

dark-demon · #4 19.04.2011 14:22

какая версия оперы? в 9.1 всё нормально.

dark-demon · #5 19.04.2011 14:24

да, плюс position:relative для блоков, на которые налез div3...

dionisp · #6 19.04.2011 15:05

dark-demon написал:

да, плюс position:relative для блоков, на которые налез div3...

Opera 9.2. Не помогает position: relative для div1 и div2. Блок div 3 (зелёный цвет) не занимает всю свободную нижнюю часть окна.

Код:

Отредактированно dionisp (19.04.2011 15:12)

dark-demon · #7 19.04.2011 18:52

почему убрал высоту у div3?

dionisp · #8 19.04.2011 21:45

dark-demon написал:

почему убрал высоту у div3?

Если поставить высоту, то всё вроде-бы ОК, но div1 и div2 закрывают верхнюю часть div3 и цифры "3" не видно.

Код:

Отредактированно dionisp (19.04.2011 21:45)

dark-demon · #9 19.04.2011 22:58

дык вставь в него распорку высотой 150 пикселей...

dionisp · #10 19.04.2011 23:10

dark-demon написал:

дык вставь в него распорку высотой 150 пикселей...

Спасибо. В голову что-то не пришло такое :-)
А других вариантов не видно?

dark-demon · #11 20.04.2011 01:01

почитай тут: http://softwaremaniacs.org/blog/2006/06 … yout-flex/

dionisp · #12 20.04.2011 10:42

dark-demon написал:

почитай тут: http://softwaremaniacs.org/blog/2006/06 … yout-flex/

Прочитал много статей с этого сайта, но как решить конкретно эту задачу - не понял.

dark-demon · #13 22.04.2011 01:01

ну да, там немного о другом... короче, нет другого способа (хотя, я кладу контент в отдельный контейнер для которого задаю отступ сверху)

dionisp · #14 22.04.2011 18:44

dark-demon написал:

ну да, там немного о другом... короче, нет другого способа (хотя, я кладу контент в отдельный контейнер для которого задаю отступ сверху)

А если нужно, чтобы этот контейнер ещё и растянулся до низа окна? Ему же не задать размер по вертикали 100%-250px средствами CSS :-/

dionisp · #15 22.04.2011 18:48

rmaksim написал:

dionisp написал:

Как заставить div3 занимать оставшуюся часть окна браузера, чтобы не было вертикальной полосы прокрутки?

а какая дальнейшая задача? ,
если просто убрать полосу прокрутки - так в код из первого сообщения в #div0 добавить overflow: hidden;

Задача - убрать вертикальную полосу прокрутки :-) flwr.ru - вот что получилось.

dark-demon · #16 22.04.2011 20:44

в твоём случае вовсе не нужно тянуть контейнер - достаточно заполнить родительский контейнер правильным фоном. ссылку я кидал

Отредактированно dark-demon (22.04.2011 20:47)

dionisp · #17 22.04.2011 21:28

dark-demon написал:

в твоём случае вовсе не нужно тянуть контейнер - достаточно заполнить родительский контейнер правильным фоном. ссылку я кидал

А ты обратил внимание на вертикальные полоски шириной 1px, у которых плавно меняется прозрачность? Если бы не они, то я так и поступил бы ;-)

dark-demon · 23.04.2011 13:14

и эти полоски должны тянуться на всю высоту страницы? мне вот, например, видится такой замысел дизайнера: полоски добавлены, чтобы в шапке небыло прямой стыковки пёстрой картинки и однотонной, но растягивание этих полос на всю страницу - слишком акцентирует боковую полосу. поэтому применено их постепенное исчезновение. следовательно их вполне можно засунуть в фон.

Отредактированно dark-demon (23.04.2011 13:20)

Форум hotibo.ru

#1 17.04.2011 18:16

резиновый div

Код:

#2 19.04.2011 05:56

Re: резиновый div

#3 19.04.2011 08:39

Re: резиновый div

dark-demon написал:

Код:

Код:

#4 19.04.2011 14:22

Re: резиновый div

#5 19.04.2011 14:24

Re: резиновый div

#6 19.04.2011 15:05

Re: резиновый div

dark-demon написал:

Код:

#7 19.04.2011 18:52

Re: резиновый div

#8 19.04.2011 21:45

Re: резиновый div

dark-demon написал:

Код:

#9 19.04.2011 22:58

Re: резиновый div

#10 19.04.2011 23:10

Re: резиновый div

dark-demon написал:

#11 20.04.2011 01:01

Re: резиновый div

#12 20.04.2011 10:42

Re: резиновый div

dark-demon написал:

#13 22.04.2011 01:01

Re: резиновый div

#14 22.04.2011 18:44

Re: резиновый div

dark-demon написал:

#15 22.04.2011 18:48

Re: резиновый div

rmaksim написал:

dionisp написал:

#16 22.04.2011 20:44

Re: резиновый div

#17 22.04.2011 21:28

Re: резиновый div

dark-demon написал:

#18 23.04.2011 13:14

Re: резиновый div

Board footer