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 won't be able to put original myspace tables on top of divs because the divs are inside the tables. (and myspace filters out z-index, but that wouldn't matter anyway.)

for the table in a scroll box, it's possible only in firefox. the way to do it is to turn the table into a block element instead of a table element, but only firefox will recognize it. you can basically forget about it in IE, opera & safari.

CODE

table { display:block; height:##px; overflow:auto; }
table table { display:table; height:auto; }

the best way to get everything you're looking for is to just make a div layout.

[Smarmosaur]

you won't be able to put original myspace tables on top of divs because the divs are inside the tables. (and myspace filters out z-index, but that wouldn't matter anyway.)

for the table in a scroll box, it's possible only in firefox. the way to do it is to turn the table into a block element instead of a table element, but only firefox will recognize it. you can basically forget about it in IE, opera & safari.

CODE

table { display:block; height:##px; overflow:auto; }
table table { display:table; height:auto; }

the best way to get everything you're looking for is to just make a div layout.

hm. ok. i swear i've seen DIV layouts with original tables, though. i'll definitely play around with that code and try to make it IE compatible.
basically, i asked these questions because i wanted to make a really nice div looking layout, except keep a lot of the default tables, so there's no need for customizing.

anyways. thanks. this can be closed now. :]