VPF::верстка макета. - Форум программистов

shtuceron

Дата 27.12.2011, 17:07 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 17.2.2008

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

Здравствуйте,

Как можно сделать высоту middle во всю высоту между header и footer, чтобы была полосой, не только от объема содержимого.

Код


body {
            margin: 0px 0px;
            padding: 0px 0px;
            text-align: center;
        }
        
        #wrapper {
            width: 100%;
            margin: 0 auto;
            padding: 0px 0px;
            text-align: left;
            min-height: 100%;
            background-color: #cccccc;
        }
        
        #header {
            height: 25px;
            background-color: #252525;
            border-bottom: 1px #777777 solid;
        }
        
        #middle {
            width: 100%;
            padding-bottom: 30px;
            background-color: #eeeeee;
        }
        
        #leftPanel {
        }
        
        #footer {
            width: 100%;
            clear: both;
            height: 30px;
            color: #aaaaaa;
            font-size: 11px;
            margin-top: -31px;
            text-align: center;
            background-color: #222222;
            border-top: 1px #777777 solid;
        }

не хватает грамотного стиля для middle.

Вот что я хочу получить:

http://s1.ipicture.ru/uploads/20111227/0FuGd7R5.png

Чтобы оранжевая и голубая колонки имели такую высоту не зависимо от содержимого, а когда содержимое их переполняло должно быть растяжение макета как обычно, что можете посоветовать,

Спасибо.

ctpz

Дата 27.12.2011, 18:37 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 27.12.2011

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

Читай

shtuceron

Дата 27.12.2011, 22:08 (ссылка)

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 17.2.2008

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

Так ведь от содержимого зависит, если текста много то footer поднимается, а мне это не нужно...

ctpz

Дата 28.12.2011, 00:01 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 27.12.2011

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

Дык прижми футер к низу страницы

Код


position: absolute;
bottom: 0;

shtuceron

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

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

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 17.2.2008

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

В таком случае он будет перекрывать содержимое middle!

Это сообщение отредактировал(а) shtuceron - 28.12.2011, 09:01

ctpz

Дата 28.12.2011, 23:46 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 27.12.2011

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

посмотри firebug'ом, что там мешает и исправь))

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