Растягивание шапки по ширине сайта

[Удален]
2107

Здравствуйте ! :idea:

Вот столкнулся просто с идиотской проблемой :)

Есть сайт, резиновая шапка, нужно, чтобы при разных разширениях экрана, шапка подстраивалась под ширину таблиц. Например (пациент) http://kinokadru.ru, при расширении 1280х800, всё отлично, при разширении на 800х600, блоки подстраиваются под расширение, шапка нет.

Казалось бы, проблема совсем легкая, тем более такая :laugh:

Основы html и css перечитал от корки до корки, но видимо забыл :o

Буду благодарен за ответ.

KeTal
На сайте с 25.08.2005
Offline
54
#1

vipnation, дак если в шапке картинки, общая ширина которых более 800 пикселей, как они подстроятся? Исользуйте тогда <img stlye="position:absolute;z-index:1,2,3...;"> , чтобы они накладывались друг на друга.

J
На сайте с 02.02.2009
Offline
53
#2

Как вариант - таблица с тремя background - поможет

[Удален]
#3
Как вариант - таблица с тремя background - поможет

спасибо. попробую

Avenger
На сайте с 22.07.2007
Offline
47
#4

vipnation, под 800х600 разрешение этот логотип сделать резиновым у вас не получится, т.к. имнформационная часть этого логотипа уже больше 800 пикселей в ширину. да и нужно ли вам 800 на 600, этим разрешением пользуется менее 2% пользователей, да и в зависимости от тематики сайта, посмотрите у себя в статистике.

а резина в лого делается так(картинки leftpic, centerpic, rightpic - в них только информационная часть, пустое место между ними заполнится фоном из .header, за счет этого и будет тянуться):

HTML:

<div class="header">

<div class="left"><div class="center"><div class="right"></div></div></div>

</div>

CSS:

.header {

background:#fff;

}

.left {

background:url(leftpic.jpg) top left no-repeat;

height:200px;

}

.center {

background:url(centerpic.jpg) top center no-repeat;

height:200px;

}

.right {

background:url(rightpic.jpg) top right no-repeat;

height:200px;

}

С уважением, Андрей Головнев (http://golovnev.by/)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий