Как сделать одинаковую шапку под все разрешения?

@hipnike · Регистрация: 25.03.2015

Студворк — интернет-сервис помощи студентам

На моем разрешении, тоесть 1600х900, все смотрится отлично, но как уменьшаешь его, края шапки режутся, помогите!

.header {
width: 100%;
min-height: 228px;
text-align: center;
background: url('шапка.png') no-repeat 50% 0;
-webkit-background-size: 1600px 100%;
-moz-background-size: 1600px 100%;
-o-background-size: 1600px 100%;
background-size: 1600px 100%;
position: relative;
}

@Давран · 25.03.2015, 17:38

hipnike, наверно дело в

Сообщение от hipnike

background-size: 1600px 100%;

если убрать 1600px что получится?

@hipnike · 25.03.2015, 19:25 **[ТС]**

Убрал везде 1600, ничего не изменилось((

@khpvolga · 25.03.2015, 19:49

блин, сделайте шапку не через стили, а картинку вставьте напрямую в блок, блок сделайте абсолютным и к верху прижать, ширину картинки сделайте как 100%, тогда уменьшаетс блок - уменьшается картинка
а через стиль как у вас надо background-size: cover; - но я так сам не рискую, пока что))) не у всех есть ИЕ9 и выше)))

@hipnike · 25.03.2015, 20:20 **[ТС]**

Такое ощущение, что меня сейчас обматерили))) Мне бы по пальцам все объяснить, да рассказать, а еще бы лучше на примере показать!)

@Fedor92 · 25.03.2015, 22:21

hipnike, пробуем:

CSS
1
background-size: 100% 100%;

или

CSS
1
background-size: cover;

@hipnike · 25.03.2015, 23:26 **[ТС]**

Спасибо большое, все стало чики-пуки!)

Новые блоги и статьи Все статьи Все блоги /
AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .

@hipnike 0 / 0 / 0 Регистрация: 25.03.2015 Сообщений: 4

	Как сделать одинаковую шапку под все разрешения? 25.03.2015, 11:45. Показов 2404. Ответов 6 Метки нет (Все метки) На моем разрешении, тоесть 1600х900, все смотрится отлично, но как уменьшаешь его, края шапки режутся, помогите! .header { width: 100%; min-height: 228px; text-align: center; background: url('шапка.png') no-repeat 50% 0; -webkit-background-size: 1600px 100%; -moz-background-size: 1600px 100%; -o-background-size: 1600px 100%; background-size: 1600px 100%; position: relative; } 0

@hipnike 0 / 0 / 0 Регистрация: 25.03.2015 Сообщений: 4
	25.03.2015, 19:25 [ТС]
	Убрал везде 1600, ничего не изменилось(( 0

@khpvolga 9 / 9 / 2 Регистрация: 14.05.2014 Сообщений: 87
	25.03.2015, 19:49
	блин, сделайте шапку не через стили, а картинку вставьте напрямую в блок, блок сделайте абсолютным и к верху прижать, ширину картинки сделайте как 100%, тогда уменьшаетс блок - уменьшается картинка а через стиль как у вас надо background-size: cover; - но я так сам не рискую, пока что))) не у всех есть ИЕ9 и выше))) 0

@hipnike 0 / 0 / 0 Регистрация: 25.03.2015 Сообщений: 4
	25.03.2015, 20:20 [ТС]
	Такое ощущение, что меня сейчас обматерили))) Мне бы по пальцам все объяснить, да рассказать, а еще бы лучше на примере показать!) 0

@hipnike 0 / 0 / 0 Регистрация: 25.03.2015 Сообщений: 4
	25.03.2015, 23:26 [ТС]
	Спасибо большое, все стало чики-пуки!) 0

Как сделать одинаковую шапку под все разрешения?

Решение