Question

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

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

Answer 1

Попробуйте стили в строке 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;}

Comments

Спасибо, но к сожалению не подходит.

Answer 2

В 4 строке ксс подправьте background .header {background: url("http://gagino.ucoz.ru/avatar/Shapka7.jpg") 0% 0%/cover no-repeat;}

Comments

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

Так? .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;}