Hi,
I've made a container div and put 2 div's inside of that for easy positioning..
The problem is that the container div has a standard 10px or so top margin which makes it go down too much.. Any idea how to fix this?
Here's my css :
[HTML]body {
background: #2b2b2b url(img/bg_image.gif) no-repeat top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
}
#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 553px;
margin-top: 0px;
padding: 0px;
}
#banner {
width: 553px;
height: 66px;
background: url(img/halobanner.gif) no-repeat top center;
}
#navbar {
width: 553px;
height: 20px;
margin-top: 6px;
text-align: center;
}
#content {
margin-top: 6px;
background:url(img/content.gif) repeat-y center;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 565px;
}
body a:link, a:active, a:visited {
text-decoration: none;
color:#CCCCCC;
font-size:13px;
}
body a:hover {
color: #003300;
font-size:13px;
}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
margin-left: 6px;
margin-bottom: 3px;
}[/HTML]
And the page is here : http://theclan-name.com/school/games