Help - Search - Members - Calendar
Full Version: How would I go about
Forums > Resource Center > Support Center > MySpace Support
ZeT0
Making a myspace like this :
http://www.myspace.com/taperjeanmusic
Would I just be one big loooong header, sliced up with the background then put into the correct spaces, then everything just just layered on top of it with z-index:9, or something?
I have done somewhat similar on this myspace :
www.mysoace.com/empireinperil
And the header bar goes accross further than the header ( onto the background ).
And then the background set to scroll.
Would this be the easiest way? Or does anybody know easier?
Thanks!
Mike
Yeah, I reckon that's the best way to make that kind of layout. You won't get much browser-compatibility issues if you do it that way either.
ZeT0
Oh, I didn't see your reply.
Thanks for that, I thought it would help alot of browser issues.
But for some reason I can't get the comments to show? :\
I'll keep trying, and post another thread if its a complete failure. Ahaha.
Thanks.
Mike
Did you position it like this:

CODE
<style>
.friendsComments {position:absolute; top:#px; left:50%; margin-left:#px;}
</style>

If you did and it's still not showing up, have you tried using z-indexs? It might show up then.
ZeT0
I used something like this, but it didnt work.
it still went UNDER the last image. And the headers z-index was on 2.
Weird. D:
CODE

.friendsComments {
position: absolute !important;
z-index: 6 !important;
margin-left: -35px;
_ margin-left: -400px;
width: 833px !important;
top: 0px !important;
margin-top: 4765px !important;
}

Mike
The margin-top value is too big. Remove the whole margin-top line and then replace the top value with the appropriate amount of pixels.
ZeT0
It's too big?
It should be in the right spot.
Mike
Oh sorry, I thought the number had a minus sign before it. Try removing this line:

CODE
_ margin-left: -400px;

Then change the z-index to 9. See if either of those actions make any difference.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.