Locking a div overlay in a myspace layout... Options

[shynomi]

Hey guys,
Basically i've been doing a lot of myspace layouts lately, i can get the layout to look clean and in place but on the left side, the div covering the info i'm trying to hide (ie: member info, member since etc...), when someone adds blogs on the right side or changes their default pic to a bigger photo it moves the div down or up sometimes covering stuff that i don't want it to.

is there a code or something to lock the div on the left side so that it doesn't shift around if someone is adding content to the site?

i do apologize if this has been asked before, i did a good bit of searching to no luck :)

here is the code currently for that section (div):

CODE

<style type="text/css">
.tg_left {position:absolute; margin-top:-0px; margin-left:-400px; left:50%; width:300px; height:650px; background-color:000000; z-index:2;}
</style>

<div class="tg_left">

i have a link down below. there's a blank section under the default pic, i can move the div higher so there isn't a blank space but if a client adds content it moves.

www.myspace.com/frucatestpage

-on the left side you'll see the members section, if they were to take out their shows it would either push that section down or up covering the default photo or exposing more blank space.

[Insurmountable]

I think I kind of understand what the issue is, but I was wondering if you could actually add some blogs or something and take a screen shot of the issues and post them here just so I can see exactly what is happening, and if you don't mind posting a code to your layout so I can just browse through it, I would normally just go look through your source code but I don't feel up to it right now, no offense >_> I just got bored and decided to come back on here and go through the support, haha.

From the little snippet of code that you posted I don't really see anything wrong with that but it could be what you used to move down your profile because it should lock the profile in that place even if you did add other things.

[Mickey]

It looks like you're missing a top:#px; attribute in that code. If you add that and mess around with the pixels, it'll be placed AND stay where you want it. It should look more like this:

CODE

<style type="text/css">
.tg_left {position:absolute; margin-top:-0px; margin-left:-400px; left:50%; top:#px; width:300px; height:650px; background-color:000000; z-index:2;}
</style>

<div class="tg_left">

Remember to replace the pound symbol with the appropriate number.

[Mickey]

Well yeah, because top positions the DIV itself. I believe margin-top positions the content inside the DIV, besides the top attribute.

[shynomi]

thanks for the responses guys, i'll mess around with the top pixels and see if that fixes it. i'll post back the results :)

nice! it worked. thanks so much guys, you just made my life much easier :)