03-10-2012, 15:55
może to coś rozjaśni:
Kod:
html:
<body>
<div id="wrapper">
<div id="header_tlo">
</div>
<div id="header">
</div>
<div id="slider_gora">
</div>
<div id="sidebar_lewy">
<div id="menu">
</div>
<div id="baner">
</div>
</div>
<div id="content">
<div id="thumbnail">
</div>
</div>
<div id="promocje">
</div>
<div id="aktualnosci>"
<div class="wydarzenia">
</div>
<div class="publikacje">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
css:
body{
background: #fff;
font-size: 90%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
line-height: 1.6;
color: #555;
}
#wrapper{
margin: 0px auto 0px auto;
padding: 0 px 0px;
width: 900px;
}
#header_tlo{
background: url(http://localhost/wordpress/wp-content/themes/birdsite/images/tlo.jpg) no-repeat;
width: 900px;
height: 100px;
margin-bottom: -100px;
}
#sidebar_lewy{
float: left;
min-height: 900px;
width: 200px;
padding-right: 5 px;
border-right-style: solid;
border-width:1px;
#menu {
width:200px;
margin-bottom: 100px;
}
#baner{
width: 100px;
}
#promocje{
float:right;
border-left-style: solid;
border-width:1px;
min-height: 600px;
padding-left: 5px;
width: 200px;
}
#content{
width: 395 px;
text-align: left;
padding: 0 auto;
margin: 0 auto;
clear: both;
}
#content #thumbnail {
width: 490px;
float: left;
}
#aktualnosci{
float:left;
width: 495x;
height: 405px;
}
#aktualnosci .wydarzenia{
width: 248px;
height: 400px;
float: left;
border-top: solid;
border-width: 1px;
}
#aktualnosci .publikacje{
width: 248px;
height: 400px;
float: left;
border-top: solid;
border-width: 1px;
}
#footer {
background: url(http://localhost/wordpress/wp-content/themes/birdsite/images/headers/tlo.png) repeat-x;
border-top: solid;
border-width: 2px;
border-color: #fff;
float: left;
width: 100%;
padding: 0;
text-align: center;
min-height: 100px;
}