Jakoś mi ciągle nie wychodzi. Albo mi znikają boczki, albo całość. Poniżej daję zaktualizowany kod (bez Waszych podpowiedzi). Ciągle nie wiem jak zrobić przenikanie boczków i mam jeszcze jeden problem. Nie mogę ustawić marginesów. Logo przemieściłem za pomocą position:relative, ale czasem przydałoby się użyć marginesów, choćby w tekście. "test_content" ma margin:10px i różowe tło, a nie widać tego. Jest jeszcze kwestia wysokości strony. Niby wszystko ok, ale w dół mogę przewijać dość mocno, a tego nie chcę. Wiem, że robię jakieś głupie błędy. Pomóżcie, proszę, w tych trzech sprawach.
HTML
CSS
![[Obrazek: zrzut_ekranu-2.png]](http://testing.thumpers.pl/cmsms/uploads/images/zrzut_ekranu-2.png)
HTML
Kod:
{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
</head>
<body>
<div id="page">
<!-- start sides -->
<div id="side_left"></div>
<div id="side_right"></div>
<!-- end sides -->
<!-- start main -->
<div id="page_wrapper">
<!-- start header -->
<div id="header">
<div id="logo"></div>
<!--div id="menu_upper">
{menu loadprops=0 number_of_levels='2'}
{*Ala ma kota!*}
</div-->
</div>
<!-- end header -->
<!-- start content -->
<div id="test_content">
safdasfldsgjkfdgkljflkadjfkfgsagsjfdksnadkgsfd
{content}
</div>
<!-- end content -->
</div>
<!-- end main -->
</div>
</body>
</html>CSS
Kod:
html, body {
background: rgb(50,50,50) url([[root_url]]/uploads/GoodMoto/tlo.png) repeat;
color: #000;
margin: auto;
padding: 0;
color: black;
font: 15px Verdana, Helvetica, sans-serif;
}
#page{
overflow: hidden;
position: relative;
margin: 0 auto;
padding: 0;
width: 1160px;
background: black;
}
#side_left{
margin:0;
padding:0;
clear: left;
float: left;
width: 130px;
height: 649px;
background: red url([[root_url]]/uploads/GoodMoto/naglowek_l.png) no-repeat;
}
#side_right{
margin:0;
padding:0;
clear: right;
float: right;
width: 130px;
height: 649px;
background: green url([[root_url]]/uploads/GoodMoto/naglowek_p.png) no-repeat;
}
#page_wrapper{
position: relative;
top: -649px;
width: 900px;
margin: 0 auto;
padding: 0;
clear: both;
background: rgb(0,0,255);
}
#header{
width: 900px;
height: 255px;
background: transparent url([[root_url]]/uploads/GoodMoto/naglowek.png) no-repeat;
}
#logo{
position: relative;
top: 105px;
left: 30px;
padding: 0;
margin: 0;
width: 459px;
height: 84px;
background: transparent url([[root_url]]/uploads/GoodMoto/logo.png) no-repeat;
}
/*start MENU*/
#menu_upper{
height: 24px;
margin: 0;
background: rgb(0,255,0);
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
float: left;
}
}
/*end MENU*/
#test_content{
background: rgb(255,127,127);
padding: 10px;
margin: 1000px;
}