Więc tak, mam sobie taki kod html:
<link rel="stylesheet" href="style/angels.css" type="text/css" /> <div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;"> <a href="http://korn19.ch/coding/utf8-cutenews/" title="CuteNews - PHP News Management System"> <!-- UTF-8 CuteNews: <a href="http://korn19.ch/coding/utf8-cutenews/" target="_blank">http://korn19.ch/coding/utf8-cutenews/</a> -->
<div id="lately" style="text-align:center;">
I taki kod CSS:
#top-image {
position: relative;
height: 320px;
background: url(../img/top.jpg) center top no-repeat;
text-align: center;
background-color: gray;
}
#main {
width: 1004px;
margin: auto;
background-color: gray;
}
#menu {
position: absolute;
left: 30px;
top: 210px;
width: 251px;
height: 82px;
}
#content {
width: 550px;
float: left;
}
#lately {
float: right;
width: 250px;
border: 2px solid #B4BA9A;
margin-bottom: 20px;
}
#lately a {
font-size: 14px;
}
#wrap_right
{
overflow: none;
float: right;
width: 250px;
background-color: white;
}
#foot {
background-color: black;
height: 70px;
clear: both;sie od gory do dolu)
text-align: center;
padding-top: 30px;
color: white;
font-size: 24px;
}
I teraz, ustawiajac kolor tla/obrazek tla/obramowanie dla #main chcialbym aby na calej stronie (w sensie od gory do dolu) zostaly zmienione te ustawienia, niestety, zmiana koloru konczy sie w miejscu w ktorym zaczyn aie #content. Jaka jest tego przyczyna?