Люди умелые, поогите пожалуйста использовать этот css код. Где сам контент где CSS не понятно.
Идея этого кода
бокам основного контейнера с фиксированной шириной 1024 пик два фоновых изображения (левое и правое), которые при прокрутке оставались бы на месте (background-attachment: fixed). При этом, чтобы при уменьшении ширины браузера картинки "уезжали" за пределы, а фиксированная область оставалась в центре.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>
Test
</title>
<style type="text/css">
/*<![CDATA[*/
* {
margin: 0;
padding: 0;
}
body {
width: 100%;
}
#container {
width: 1024px;
height: 3000px;/* Только для теста вертикальной прокрутки */
margin: 0 auto;
}
#leftbg {
position: fixed;
margin-left: -102px;/* Отступ равен ширине фонового изображения */
width: 102px;/* Сюда пишем ширину левого фонового изображения */
height: 50px;/* Сюда высоту */
background: transparent url(lb.gif) no-repeat;
}
#rightbg {
position: fixed;
margin-left: 1024px; /* Отступ равен ширине основного контейнера */
width: 102px;/* Сюда пишем ширину правого фонового изображения */
height: 50px;/* Сюда высоту */
background: transparent url(rb.gif) no-repeat;
}
/*]]>*/
</style>
</head>
<body>
<div id="container">
<div id="leftbg"></div>
<div id="rightbg"></div>
</div><!-- #container -->
</body>
</html>
и где сам фон вставлять?
пожалуйста помогите с созданием сайта
Линейный вид
