scrollbox Options

[Smarmosaur]

i've tried everything i could think of with both of these issues, but none of them are working.

first, i have some original myspace tables showing with my DIV layout, but they're under the DIV image and i want them on top. i've tried z-index's but they're not doing shit.

second, is there a way to get your main myspace table (everything under the ad/navigation bar) in a scrollbox?

coding so far: (nowhere near completed yet)
about-

CODE

<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}

.contacttable, .extendednetwork, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

.latestblogentry, .profileinfo {.. !important;}

body{
background-color:cbc6b2;
overflow-x:hidden;}

.top{
position:absolute;
top:0px;
left:0px;
z-index:2;}

.topbar{
position:absolute;
top:114px;
left:60px;
z-index:1;}

.middle{
position:absolute;
top:142px;
left:44px;
z-index:3;}

.bottom{
position:absolute;
bottom:0px;
left:0px;
z-index:4;}
</style>

meet-

CODE

<div class="top"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/moderntopbig.png" /></div>
<div class="topbar"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/moderntopbar.png" /></div>
<div class="middle"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/modernmiddle.png" /></div>
<div class="bottom"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/modernbottombig.png" /></div>

[fixtatik]

you can still arrange the original myspace tables to be where you want them, but you can't put a div element behind them.

for example, if you want to move your default picture, headline, etc., you'd use positioning:

CODE

<style>
.profileInfo { left:50%; margin:160px 0 0 -200px; position:absolute; top:0; }
</style>

the table in a scroll box, as i said, is impossible to do in IE, so there's no fiddling around with it to make it IE compatible. it simply won't work.

[Smarmosaur]

you can still arrange the original myspace tables to be where you want them, but you can't put a div element behind them.

for example, if you want to move your default picture, headline, etc., you'd use positioning:

CODE

<style>
.profileInfo { left:50%; margin:160px 0 0 -200px; position:absolute; top:0; }
</style>

the table in a scroll box, as i said, is impossible to do in IE, so there's no fiddling around with it to make it IE compatible. it simply won't work.

just because you say it's not possible in IE doesn't stop me from fiddling around and hoping a miracle will happen.
anyways. i had a moment and realized i could set the image that's over the tables just as a background image, since i didn't already have a background image, and position it as needed, so it doesn't cover the tables. :]