div help!, its driving me crazy Options

[splitprsona]

i've NEVER had a problem i couldnt resolve on my own with a div layout, but now i feel mind boggled. i set up a div layout with the same usual coding i use from mygen.co.uk & now i have these gray lines on the side of my layout that i cannot get rid of. my guess is that its from the bottom profile links but when i generated a code to hide that it pushed my layout waaaaay down. how do i fix this before i go nuts?!

here is the layout:
http://profile.myspace.com/index.cfm?fusea...endid=341649026

my about me:

CODE

<style type="text/css">
.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} </style>

<style type="text/css">
.friendSpace { display:none; }
</style>

<style type="text/css">
.friendsComments { display:none; }
</style>

my who'd i like to meet:

CODE

<DIV class="Main"> <table style="width:800px; height:600px; border:0px solid silver; background-color:ffffff;" cellpadding="0" cellspacing="0"> <tr> <td valign="top">

<style type="text/css" >
body {
background-image:url("http://i29.tinypic.com/10msmxi.png");
background-attachment: scroll;
background-repeat: repeat;
background-position: top left;
</style>

<img src="http://i25.tinypic.com/2ciim9h.png">


</td> </tr> </table> </DIV>

i hope someone can help me!!

[fixtatik]

CODE

tr { background:none; }
table div div { display:none; }

that should get rid of the grey bar. there's a cleaner way to hide everything for a div layout if you want that, too.

[splitprsona]

thanks soo much! i'm willing to take whatever helps. just point me in the direction lol


EDIT: i put the code you gave me in my "who i'd like to meet" section & the gray bar disappeared but the layout moved down revealing the display name & half of the extended network banner.

here's the coding:

CODE

<DIV class="Main"> <table style="width:800px; height:600px; border:0px solid silver; background-color:ffffff;" cellpadding="0" cellspacing="0"> <tr> <td valign="top">

<style type="text/css" >
body {
background-image:url("http://i29.tinypic.com/10msmxi.png");
background-attachment: scroll;
background-repeat: repeat;
background-position: top left;
</style>

<img src="http://i25.tinypic.com/2ciim9h.png">

[b]<style>
tr { background:none; }
table div div { display:none; }
</style>[/b]

</td> </tr> </table> </DIV>

[fixtatik]

if you're doing it that way, then just move your "Main" div up a little bit.

here's the cleaner way to get rid of everything:

CODE

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, .profile, div div table div ul, div div table div { display:none!important; }
div table div, table table div, .clearfix, div div table div div { display:block!important; }

instead of just putting a div over things that are already there, that will actually make it so they don't show up.

[splitprsona]

ahhh, great! it works perfectly! thank you sooo much!!

[tokyo-rose]

I assume this has been resolved, so I'm closing and moving it. PM me if you need this reopened.