Witam!
Męczę się z tym od wczoraj i nie potrafię nic nowego wymyślić by poprawnie zagnieździć prawą kolumnę. Pewnie wprawne oko i wiedza bardziej doświadczonych kolegów momentalnie wychwycą błąd lub nie dociągnięcia
Strona pod adresem:
http://hospicjum.ostrowiec.pl/test/zawartość htmlw źródle strony
zawartość CSS*{
margin: 0;
padding: 0;
}
body{
text-align: center;
font: 14px Times New Roman, Times, Georgia, serif;
color: #000000;
background: #002b91;
}
#container{
margin: 0 auto;
width: 850px;
background: transparent url(../images/content.jpg) repeat-y;
text-align: left;
}
a img {
border:0;
}
#naglowek{
height: 250px;
background: transparent url(../images/naglowek.jpg) no-repeat;
}
h1#logo{
position: relative;
top: 40px;
left: 340px;
width: 515px;
}
h1#logo a{
display: block;
height: 150px;
background: transparent url(../images/logo.jpg) no-repeat;
}
h1#logo a:hover{}
ul#menu{
position: relative;
top: 70px;
right: 5px;
float: right;
font-size: 18px;
list-style: none;
}
ul#menu li{
float: left;
text-align: center;
}
ul#menu a{
display: block;
padding: 3px 0;
width: 140px;
color: #000000;
text-decoration: none;
}
ul#menu a:hover{
color: #666666;
}
#cialo{
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin: 0 60px;
padding: 40px 0;
}
#lewa{
/*float: left;*/
width: 470px;
padding-right:5px;
}
#prawa{
float: right;
vertical-align : top;
width: 250px;
/*margin-left: 150px;*/
}
h1{
font-size: 17px;
color: #369;
}
h2{
font-size: 14px;
color: #369;
}
#lewa p, #prawa p{
margin: 5px 0 20px 0;
line-height:1.5em
}
div.zdjatka{
margin-top: 60px;
text-align: center;
}
div.zdjatka img{
margin: 0 5px;
}
ul#stopka{
padding: 2px 60px 160px 60px;
background: transparent url(../images/stopka.jpg) left bottom repeat-x;
font-size: 9px;
color: #ccc;
list-style: none;
}
ul#stopka a{
color: #ccc;
text-decoration: none;
}
ul#stopka a:hover{
text-decoration: underline;
}
li.validate{
padding-right: 5px;
float: left;
}
li.copyright{
float: right;
}