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>

[Smarmosaur]

oh. oops. i want them over the image. should have said that. i'll edit my post.

[Mickey]

What are the tables you want to show? Like, the Interests table or the Blurbs table or what?

[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. :]

[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. :]

[manny-the-dino]

Topic Closed & Moved