Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   DIV-Layout - три горизонтальные области: [150px] [*] [150px] (http://www.flasher.ru/forum/showthread.php?t=87845)

automatix 13.11.2006 00:24

DIV-Layout - три горизонтальные области: [150px] [*] [150px]
 
Вложений: 1
Всем привет!

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

Спасибо.

automatix 15.11.2006 17:19

Братцы, ну что, правда никто не знает? :eek:

Я тут накопал пример. В принципе реализует то, что я описал, но как-то "нелегально" -- с орицательными margin, c div'ами-распорками... Неэстетично, в общем.

Может, есть все-таки идеи лучше?

Skubent 15.11.2006 17:26

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

KidsKilla 15.11.2006 20:02

это называется футер прилипающий к низу страницы
http://scott.sauyet.com/CSS/Demo/FooterDemo1.html

пример очень даже хорош. ничего нелегального в нём нету.
отрицательные маргины это хорошо. дивы-распорки от случая. но тож норм.

Kikasso 18.11.2006 00:46

Я знаю! FRAMESET!

etc 18.11.2006 00:58

Цитата:

Сообщение от KidsKilla
ничего нелегального в нём нету.

Ага, кроме
Код:

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
 * Stupid hack lets IE see 100%, others see 70%.
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}

:D

Skubent 20.11.2006 12:47

А вот на https://opay.ru - без всякого нелегала и изысков сделан нижний див. Но с отрицательными маргинами и распоркой :)

KidsKilla 20.11.2006 15:12

Цитата:

Сообщение от __etc
Ага, кроме
Код:

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack
 * Stupid hack lets IE see 100%, others see 70%.
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}

:D

а теперь попробуй объясни где тут нелегальность.

etc 20.11.2006 15:22

Обратные слеши и коммент, что это хак. Вот и нелегальность. Разве не так? Что это за CSS, где нужно так извращаться и обманывать браузер?

baron27 20.11.2006 18:47

Цитата:

Сообщение от __etc
Обратные слеши и коммент, что это хак. Вот и нелегальность. Разве не так? Что это за CSS, где нужно так извращаться и обманывать браузер?

я тоже не понимаю изврата - делать надо как можно удобнее => удобней растянуть на всю высоту таблицей - растягивай, нечего хаки всякие использовать.
css ведь должен избавить нас от основного "хака" - табличной верстки.
а тут получается тот же хер, только в профиль - избавились от одного хака посредством другого.


Часовой пояс GMT +4, время: 10:00.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.