huge white space on my small cute layout. :[, oh no! help mee. Options

[sadiewearspradaa...]

okay
i know it`s from hiding my friends and stuff..
but i have a huge white space under my layout!!
and it ruins it`s tiny cuteness!!

here`s my URL. i`ll add you if you need to see it.
www.myspace.com/102435863

the print scrn picture is attached.

pleeease help it`s soo ugly!

and here`s my profile..

CODE

<div style="width: 220; height: 360; background-color: ffffff; font-family: arial; color: 000000; font-weight: normal; font-style: normal; text-align: center; border-width:2px; border-style: solid; border-color: 000; overflow: auto;">excuse me while i type gibberish to see if it can scroll good. :]<br>
gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>gah!<br>thank you. :]</div>









<style type="text/css">
td p {
text-align: center;
}
body {
background-color:000000;
background-image:url(HERE);
background-position:top;
background-repeat: nrepeat;
background-attachment:fixed;
}
body, td, li, p, div, textarea, li, h1, h2, p, br
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform:none ;}

.text { color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform:none ;}


.blacktext10
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform:none; }


.orangetext15
{ display:none; }

.blacktext12
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform: lowercase; }

.btext
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform: lowercase; }

.whitetext12
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: ; }

a:link
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: ;
text-decoration: none;
text-transform: ; }

a:visited
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: ;
text-decoration: none;
text-transform: lowercase;}

A:hover {
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }

a:link img {filter: ;} a:hover img {filter: ;}

tr
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }

i {
color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
}

b
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }

u {
color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
}

table.blue_border,
tr.blue_border, td.blue_border,
table.red_border,
tr.red_border, td.red_border,
table.black_border,
tr.black_border, td.black_border
{ border: solid PX white; }



.redtext,
{ color: 000000;
color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }

.redbtext,
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }

.lightbluetext8
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }




a.navbar{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }
a.navbar:link{color:"ffffff";}
a.navbar:active{color:"ffffff";}
a.navbar:visited{color:"ffffff";}
a.navbar:hover
{ color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase; }

a.redlink:link{color:"000000";}
a.redlink:active{color:"000000";}
a.redlink:visited{color:"000000";}
a.redlink:hover{color:"000000";
color: ;
font-size: 8pt;
font-family:arial;
line-height: 10px;
letter-spacing:px
font-weight: bold;
text-decoration: none;
text-transform: lowercase;}

</STYLE></style>
<style>.note {bring the tables up more}
td.text table {position:relative; top: -128px;}
td.text table table {position:static;}</style>
<style type="text/css">
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style>
<style type=text/css>
td td embed {width:0px; height:0px;}
td td embed, td td object {width:0px; height:0px;}
td.text embed, td.text object {width:320px; height:240px;}
td.text embed {width:320px; height:240px;}
td.text embed {width:auto; height:auto;}
td.text embed, td.text object {width:auto; height:auto;}</style>
<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>
<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>
<style>

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>
<Style>div table, div td {height:10px;}
</style>
<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>
<style type="text/css">
body div table td form img{display:none!important;}
</style>
<style>.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table {width:450px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}

embed, object {display:block; width:220px; height:38px;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}</style>
<style type="text/css">
div table,div table table td,div table table,div table table div,table td div div,div table,div table td{
background-color:transparent;
}
</style>

lol oops, i forgot the picture.
uploaded now.

Attached File(s)

 sad.GIF ( 49.38K ) Number of downloads: 26

 

[sadiewearspradaa...]

okay..
no one`s answering, lol.
so i was thinking..
(this idea is WAAY out of the way, but, if i have to i will)
is there a way i could just put like, a plain white image on like, a floating one.. and put it UNDER my layout, just the right size, then make a *page does not scroll* code on it.
waaay out of the way, kinda makes my head hurt. :]

[freeflow]

Here's a quick lesson in asking for help.. you need to wait longer than 20 minutes to get it sometimes. Please don't double post, thanks.

The space comes because you moved your about me up with this:

CODE

style>.note {bring the tables up more}
td.text table {position:relative; top: -128px;}
td.text table table {position:static;}</style>

To fix it try using the following script:
http://www.createblog.com/scripts/script.php?id=378

If you want your details you can just use this:
http://www.createblog.com/scripts/script.php?id=304
Or the custom details script.