Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > strict HTML 4 и высота в 100%


Автор: AzuManga 22.6.2006, 11:34
Привет, коллеги 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
Код

#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;
}
 

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

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

Автор: AzuManga 22.6.2006, 15:41
Пожалуйста 8)

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

Автор: AztEK 22.6.2006, 19:22
Тогда ещё в дополнение к предыдущему исправленияю:
Строку 167 заменить на
Код

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


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

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

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

Автор: Gardov 22.6.2006, 23:36
Спасибо, теперь всё понятно!  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)