VPF::strict HTML 4 и высота в 100% - Форум программистов

AzuManga

Дата 22.6.2006, 11:34 (ссылка)

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

Загрузка ...

Бывалый

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

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

Привет, коллеги 8)

С недавних пор решил включать доктайп в свои HTML. Долго все было нормально, но недавно вылез один досадный баг. Если сделать высоту блока 100% и назначить ему положительный паддинг сверху, то он (что естесственно) будет растягивать окно браузера на величину этого паддинга. Пробовал сделать отрицательный маржин - не помогло, а только увезло вверх весь блок.

http://gugnin.narod.ru/fish/secondary/ - тут лежит эта страница. Мне надо просто сделать так, чтобы синий блок с меню не растягивал экран браузера.

Для Вашего удобства приведу стиль, который нужно редактировать:

Код


#mainmenu{
    width:190px;
    height:100%;
    position:absolute;top:0;left:100%;
    margin-left:-190px;
    padding-top:190px;
    background-color:#034695;
    background-image:url('img/small_logo.gif');
    background-repeat:no-repeat;
    list-style:none;
    line-height:30px;
}

а вложен этот список в контейнер:

Код


#storecontainer{
    width:950px;
    height:100%;
    position:absolute;left:50%;top:0;
    margin:0 0 0 -475px;
}

Спасибо за внимание 8)

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

Точка с запятой;

AztEK

Дата 22.6.2006, 13:12 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


#mainmenu{
    width:190px;
    height:100%;
    position:absolute;top:190px;left:100%;
    margin-left:-190px;
    background-color:#034695;
    background-image:url('img/small_logo.gif');
    background-repeat:no-repeat;
    list-style:none;
    line-height:30px;
}

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

Linux is like wigwam -- no windows, no gates, apache inside.

AzuManga

Дата 22.6.2006, 13:44 (ссылка)

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

Загрузка ...

Бывалый

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

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

К сожалению, при таком стиле картинка с рыбой накладывается на пункты меню...

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

Точка с запятой;

AztEK

Дата 22.6.2006, 14:02 (ссылка)

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

Загрузка ...

Опытный

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

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

Тогда, можно эту страничку со всеми файлами в архиве? Бэкграунды у меня не сохраняются... smile

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

Linux is like wigwam -- no windows, no gates, apache inside.

AzuManga

Дата 22.6.2006, 15:41 (ссылка)

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

Загрузка ...

Бывалый

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

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

Пожалуйста 8)

http://gugnin.narod.ru/fish/secondary/secondary.rar

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

Точка с запятой;

AztEK

Дата 22.6.2006, 19:22 (ссылка)

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

Загрузка ...

Опытный

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

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

Тогда ещё в дополнение к предыдущему исправленияю:
Строку 167 заменить на

Код


<li style="margin-top: 190px"><a href="#">ГЛАВНАЯ</a></li>

Добавлено @ 19:23
Кстати, симпатичный дизайн smile

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

Linux is like wigwam -- no windows, no gates, apache inside.

AzuManga

Дата 22.6.2006, 21:40 (ссылка)

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

Загрузка ...

Бывалый

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

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

Спасибо за помощь, только надо вместо top:190px написать top:0; ну или ничего не писать 8)

И за "симпатичный дизайн спасибо" 8) Фоткал всю еду сам - очень рекомендую тигровых креветок и этих вот осьминогов 8)

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

Точка с запятой;

Gardov

Дата 22.6.2006, 23:36 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо, теперь всё понятно!

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