Доброго времени суток, ковыряю себе резиновый сайт, в <div class="header"> расположена картинка большим размером, за счет css она подстраивается под разрешение экрана, но вот <div class="content"> никак не получается настроить. Контент начинает уходить вправо за окно, появляется скролл, я так понимаю растягивается на изначальную ширину картинки в 1920 px. Подскажите пожалуйста какие параметры надо задать блоку с контентом, что бы он вписывался под разрешение экрана. Не пинайте сильно если код корявый, я только учусь. Спасибо за внимание. <!DOCTYPE html><html lang="ru-RU"><head> <title>Emerald Mascot - питомник сибирских хаски</title> <meta charset="utf-8"> <link href="css/style.css" rel="stylesheet" type="text/css"> </head><body> <div class="wrapper"> <div class="header"> <header> <img src="./images/header3.png" class="logo" border="0" class="head" alt=""> </header> </div> <div class="top-menu"> <nav> <center> <ul class="menu"> <li class="active">ГЛАВНАЯ</li> <li><a href="./about.html">О НАС</a></li> <li><a href="./dogs.html">НАШИ СОБАКИ</a></li> <li><a href="./puppies.html">НАШ ВЫПУСК</a></li> <li><a href="./info.html">ВАЖНО ЗНАТЬ</a></li> <li><a href="./contact.html">КОНТАКТЫ</a></li> </ul> </center> </nav> </div> <div class="content"> 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 </div> <footer> </footer> </div></body></html>*{ margin: 0; padding: 0;}body{ background-image: url(../images/bg.png); background-size: cover;}header{ margin: 1% 2.5% 0 2.5%; }.header{ position:relative; height:auto; z-index:0;}.header img{ display:block; position:relative; top:0; left:0; width:100%; height:100%; }.top-menu { position: relative; margin: -7.45% 3% 6% 0%; z-index:1; }ul.menu{ display:table; width:90%; height:100%;}.menu li{ display : table-cell; width : 5%; text-align:center; } .menu a:link, .menu a:hover, .menu a:visited { display : block; padding : 5.6% 1%; font : 1vw verdana; text-decoration : none; }.menu a:hover{ background:#3a9a78; color: #eee; }.active { font:1vw verdana;}
