Big Gap in my Profile, A big gap in my profile...How do i get rid of it?? Options

[AlwaiseKawaii]

I'm editing my profile, but there's a BIG gap in between.
How do i fix it???

Here's my page.
www.myspace.com/kawaii_test

here's the code...

CODE

<style type=text/css>

table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}

table table table {
width:100%; max-width: 800px; } table table table table { width:100%;;
}



body {
background-image:url();
background-position:Center Center;
background-attachment:fixed;
background-repeat:no-repeat;
border-width:0px;
border-style:Solid;
}

table table {
border:0px;
}

table table table table {
border:0px;
background-image:none;
background-color:transparent;
}

table table table {
border-style:Solid;
border-width:0px;
background-attachment:fixed;
}

body table {margin-top:451px;}

body td table, body div table {margin-top: 0;}

table, tr, td, li, p, div,.text,.redtext, .blacktext12 {
color:ffffff;
font-family:Arial;
}

.whitetext12, .orangetext15 {
color:F2E9BB;
font-family:Arial;
font-weight:bold;
}

.lightbluetext8, .blacktext10, .redbtext,.btext {
color:F2E9BB;
font-family:Arial;
font-weight:bold;
}

.nametext {color:151515;}
a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {
color:D92D2D;
font-family:Arial;
font-weight:bold;
}

a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover {
color:ADC2B3;
}


</style>


<div class="banner">
<img src="http://i166.photobucket.com/albums/u119/AzNess_PandDa/Bleach_03-1.jpg">
</div>
<style>table table {margin-top:170px;}
div table table, table table table {margin-top:0;}
.banner {width:800px; height:451px; position:absolute; top:170px; left:50%; margin-left:-400px; text-align:center;}</style>

<style type="text/css">
table, td{ background-color:000000; border:none; background-image:url(http://i166.photobucket.com/albums/u119/AzNess_PandDa/1024-by-768-47644-20061205000452-2.jpg);background-attachment:
fixed;background-position: bottom left;background-repeat: repeat;} body{background-color: 000000; }</style>

[fixtatik]

the huge gap on your profile is because of the code you're using for your banner. there are two tables that are directly relative to the body of your profile (doing "body table { margin-top:451px; }" moves both tables down 451 pixels). the first table is your actual profile. the second table is the bottom links. you moved both, so there's a gap left over above the bottom links.

with myspace's new navigation bar, you can get rid of that gap with a different code for a banner on top:

CODE

<style type="text/css">
  .profileWidth table { margin-bottom:400px; width:800px; }
  .rail { display:none; }
  .topbanner {
    background:url(IMAGE LINK) top left no-repeat;
    width:800px; height:400px;
    position:absolute; top:0; left:50%;
    margin:160px 0 0 -400px;
</style>

<div class="topbanner">
  Any text, links, videos you want can be added here.
</div>