Locking a div overlay in a myspace layout... |
Locking a div overlay in a myspace layout... |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 123 Joined: Nov 2008 Member No: 698,881 ![]() |
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. |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
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. |
|
|
![]() ![]() |