chipanddeil
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Помогите пожалуйста с версткой. Нужно сделать сайт, адаптивный под смарфоны и шириной максимально 960px . С этим все понятно, но не получается сделать слева и справа header под экраны шире 960px. Я не могу сделать чтобы появлялись блоки по бокам, если экран 960пикселей или больше, с разными картинками слева и справа. т.к. блоки по бокам продолжение центральной картинки.
http://upload.akusherstvo.ru/image770757.jpg
Вот код
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="css/common.css" type="text/css" rel="stylesheet">
<style type="text/css">
html, body, .container{
height: 100%;
margin: 0;
background: #666;
}
body{
background: url(../i/left.jpg) repeat-x;
}
.container {
width: 960px;
margin: auto;
}
#header{
height: 342px;
}
#main{
min-height: 100%;
background: #fcf;
}
#footer{
height: 100px;
background: #f60;
}
</style>
</head>
<body>
<div class="container">
<div id="header">
<img src="i/centr.jpg" alt="" > </img>
</div>
<div id="main">
centr 960px, а справа должен быть фон right.jpg
проблема в том что он отличается от левого фона.
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html> |
Всего записей: 18 | Зарегистр. 18-10-2008 | Отправлено: 12:59 07-04-2015 | Исправлено: chipanddeil, 00:09 09-04-2015 |
|
