Резиновая шапка

[a1rborn]

Друзья!

Прошу помочь, если есть возможность.

Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает.

Возможно есть еще какие то способы, подскажите если не сложно

Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться

Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель

[DownHouse]

Растягивать картинки - это нехорошо.

Сделайте картинку с шириной в 2000 и поставте фоном.

Либо картинку с меньшей шириной, плавно переходящую в фоновый цвет или градиент.

[a1rborn]

Растягивать картинки - это нехорошо.

Сделайте картинку с шириной в 2000 и поставте фоном.

Либо картинку с меньшей шириной, плавно переходящую в фоновый цвет или градиент.

Но это будет значить, что если у пользователя 1 разрешение экрана 1280*960 к примеру, то сайт будет виден полностью, без горизонтального скролла

а если у пользователя 2 разрешение 800*600 то сайт будет больше экрана, и что бы увидеть что там слева, нужно будет перематывать экран скроллом

если я все правильно понял

Но это очень тупо, как будто скриншот какой то

[Modestes]

Растягивать картинки - это нехорошо.

Сделайте картинку с шириной в 2000 и поставте фоном.

Либо картинку с меньшей шириной, плавно переходящую в фоновый цвет или градиент.

Но это будет значить, что если у пользователя 1 разрешение экрана 1280*960 к примеру, то сайт будет виден полностью, без горизонтального скролла

а если у пользователя 2 разрешение 800*600 то сайт будет больше экрана, и что бы увидеть что там слева, нужно будет перематывать экран скроллом

если я все правильно понял

Но это очень тупо, как будто скриншот какой то

Это не тупо, это правильно. Растянуть то можно, но не нужно, так как картинка будет терять качество (если конечно это не векторная графика).

Делайте под минималку 1280 или 1024, хотя последнее по статистике еще используют около 10% юзеров, если не ошибаюсь.

Так что для вас вариант описанный выше.

Edited October 1, 2012 by Modestes

[Vin]

Делайте под минималку 1280 или 1024, хотя последнее по статистике еще используют около 10% юзеров, если не ошибаюсь.

ЭЛТ-мониторы, старые ЖК, ЖК с неродным разрешением, нетбуки, и, кстати, планшеты.

[wwt]

Делайте под минималку 1280 или 1024, хотя последнее по статистике еще используют около 10% юзеров, если не ошибаюсь.

ЭЛТ-мониторы, старые ЖК, ЖК с неродным разрешением, нетбуки, и, кстати, планшеты.

плюс люди с плохим зрением коих многое множество часто ставят небольшие разрешения экрана.

В конце концов есть @media и можно играться.

[Vin]

Так я же и написал: "ЖК с неродным разрешением". На современных ОС можно не извращаться и применять масштабирование, но с точки зрения размеров эффект тот же.

[Modestes]

Я не думаю что ТС рассчитывает на нетбуки планшеты и т.д. Тогда бы он этот вопрос не задал.

Да и не важно какое разрешение, был вопрос о бэграунде шапки.

[SelenIT]

Кстати, о неродных разрешениях/масштабах... разве это не то же самое, что масштабирование картинки, только вид сбоку?

[a1rborn]

Всем спасибо народ, дали понять что есть правильно)

Можно в принципе закрывать