[key_uk]

Hello,
I have a large amount of blank space at the bottom of my page and I dont know where its coming from? my address is http://www.cse.dmu.ac.uk/~p04288752/...nt_2/Temp.html
If anyone could please help i would be very grateful my css code is:

body {background:#000000;
text-align:center; }
a:link {color:#3399CC;}
a:visited {color:#3399CC;}
a:focus {color:#3399CC;}
a:hover {color:#3399CC;}
a:active {color:#3399CC;}

{
margin:50px 0px; padding:0px;
text-align:center;
}


img {
border: 0;
}


#header { width:800px;top:0; margin:0 auto;
position:relative;}

#frame{
width:836px;
margin:0px auto;
text-align:left;}

#buttons{
position:relative;top: 0px; right: 215px; margin:0 auto;}

#buttonhome {position:absolute; top: 0px; left: 210px;margin:0px auto;}

#buttonshop {position:absolute; top: 0px; left: 280px;}

#buttontheband {position:absolute; top: 0px; left: 350px;}

#buttonhistory {position:absolute; top: 0px; left: 471px;}

#buttoncoverart {position:absolute; top: 0px; left: 577px;}

#buttonpictures {position:absolute; top: 0px; left: 706px;}

#buttonwallpaper {position:absolute; top: 0px; left: 835px;}

#buttonlinks {position:absolute; top: 0px; left: 971px;}




h1 {
background-color: #808080;
position:absolute;
top: 0px;
left: -5px;
color:#FFFFFF;
padding: 0 10px;
margin-top:10px;
width: 210px;

}

h1 {font-family:Arial, Helvetica, sans-serif
}
h1 {font-size:14px
}
h1 {text-align:center
}

h2 {
position:absolute;
top: 34px;
left: 14px;
color:#FFFFFF;
width: 179px;
}

h2 {font-family:Arial, Helvetica, sans-serif
}
h2 {font-size:12px
}
h2 {text-align:center
}

#panel
{ width:226px;top:190px; margin:0 auto;
position:relative;}

#currentnews
{ width:200px; top:-450px; margin:0 auto;
position:relative;}

#bottomlinks
{width:470px; bottom:400px; left:190px; margin:0 auto;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px}

#contents {
width:540px; bottom:440px; left:240px; margin:0 auto;
position:relative;
color:#FFFFFF;
}

h3 {font-family:Arial, Helvetica, sans-serif
}
h3 {font-size:18px;
}

p {font-family:Arial, Helvetica, sans-serif
}
p {font-size:16px;
}

#date1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#3399CC;
}
#date2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#3399CC;
}
#date3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#3399CC;
}

[smallbeer]

you've said you want the bottom links 400px from the bottom. computer says yes.

#bottomlinks
{width:470px; bottom:400px; left:190px; margin:0 auto;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px} 

and what's this?

{
margin:50px 0px; padding:0px;
text-align:center;
}

[key_uk]

Yea even if I change the code to top from bottom, the space is still there at the bottom of the page, but the links dispear.

[smallbeer]

but it's not just the #bottomlinks. #content has the same

#contents {
width:540px; bottom:440px; left:240px; margin:0 auto;
position:relative;
color:#FFFFFF;
}

why are you positioning everything?