Подогнать шапку файла под разрешение любого экрана

голоса: 0

Здравствуйте. Подскажите самый простой способ для того, чтобы "подогнать" шапку сайта под разрешение монитора?

body {margin: 0; padding: 0; background: right center;}
.wrap {background: url('/.s/t/806/3.gif') repeat-x #f3f8f9; text-align: center;min-width: 1000px;}
.header {width: 100 %; height: 180px; margin-left: auto; margin-right: auto; background: url('http://gagino.ucoz.ru/avatar/Shapka7.jpg')no-repeat; cover; margin-bottom: 10px; position: relative;}
.footer {background: url('/.s/t/806/3.gif') repeat-x #bfd6df; padding: 20px 10px; text-align: center;}

Адрес сайта http://gagino.ucoz.ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 2

голоса: 0

Попробуйте стили в строке 4 заменить на следующие:

.header {height: 280px;margin-left: auto;margin-right: auto;background: url('http://gagino.ucoz.ru/avatar/Shapka7.jpg')no-repeat;cover;background-size: 100%;margin-bottom: 10px;position: relative;}

| Автор:
Спасибо, но к сожалению не подходит.
голоса: 0
В 4 строке ксс подправьте background .header {background: url("http://gagino.ucoz.ru/avatar/Shapka7.jpg") 0% 0%/cover no-repeat;}
| Автор:

Спасибо, а как полностью будет выглядеть строка?

Так? .header {width: 100 %; height: 180px; margin-left: auto; margin-right: auto; {background: url("http://gagino.ucoz.ru/avatar/Shapka7.jpg") 0% 0%/cover no-repeat;}

 

...