Witam mam problem. otóż nie mogę wy pozycjonować dwóch divów.
Mój css wygląda tak:
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#fff;
background:url(../images/bg.png) center 0 no-repeat #000;
width:800px;
font-size:0.75em;
line-height:1.5em;
}
.logo {
width:300px;
position:absolute;
margin-right: 0 auto;
top:280px;
}
.box_home {
background: url('../images/ramka.png') no-repeat center top;
width: 230px;
height: 140px;
float: left;
padding: 15px 15px 15px 15px;
margin: 0 3px 0 3px !important;
margin: 0 2px 0 2px;
border: none;
}
.box_home a{
position: relative;
display: block;
z-index: 100;
border: 0px;
}
.box_home img{
border: none;
}
.tree_frame {
width:800px;
height: 100px;
position:absolute;
top:300px;
}
.lewo {
float:left;
}
.prawo {
float:right;
}
.center {
margin-right: auto;
margin-left: auto;
}
kod HTML tak:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <img src="images/lg.png" border="0" class="logo"/> <a href="/klubGaleria.html" title="Kalendarz Imprez"> <img src="images/ki1.png" onmouseover="src='images/ki2.png'" onmouseout="src='images/ki1.png'" alt="Kalendarz Imprez" /> </a> <a href="http://www.forum.clubara.pl" title="Forum"> <img src="images/box_wedrowka.jpg" alt="Forum" /> </a> <a href="/__wedrowka.html" title="Wędrówka po salach klubu"> <img src="images/box_wedrowka.jpg" alt="Wedrowka po Clubie" /> </a>
a wygląda wszystko tak:

Co chce? Chcę aby klasa "tree_frame" była na środku i na wysokości 300 pikseli od góry "top:300px;" a klasa logo była na środku. Niestety wszystkie sposoby jakie robie nie działają jak by coś blokowało.