...

View Full Version : positioning divs on myspace



subrosa05
01-25-2008, 10:58 AM
this is an example of what I'm dealing with! I put it on the page right? looks fine on my monitor size, 1600x1200, but when I change to monitor size to 1280x720, the position of the div changes! Its boggling my freaking mind! Please Help. I'd greatly appreciate it.

<div style="position:absolute; width:134px; z-index:1; overflow: visible; left:591px; top: 246px; height:190px; visibility: visible; background-color: transparent;"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=8018804&MyToken=94e84bf2-8486-4b8c-bed5-7aeae1d7d36a"><img src="http://www.redmusiconline.com/myspace/images/1-add.jpg" border="0"></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=8018804&MyToken=94e84bf2-8486-4b8c-bed5-7aeae1d7d36a"><img src="http://www.redmusiconline.com/myspace/images/2-msg.jpg" border="0"></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=8018804&f=forwardprofile"><img src="http://www.redmusiconline.com/myspace/images/3-for.jpg" border="0"></a><a href=http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=8018804&public=0""><img src="http://www.redmusiconline.com/myspace/images/4-fav.jpg" border="0"></a><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=8018804"><img src="http://www.redmusiconline.com/myspace/images/5-group.jpg" border="0"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=8018804"><img src="http://www.redmusiconline.com/myspace/images/6-block.jpg" border="0"></a>
</div>

jcdevelopment
01-25-2008, 03:16 PM
unfortunately, my space has a lot of controll over alot of the html/css that people can type into thier system. They may have something that over writes what you have put in, from the looks of it, it shouldnt move. Unless you have complete access to the source, which i think you have to pay for, you may have to deal with the way its working.

I am going off of what i have read in the past i have never tried to hack CSS in myspace but i hear it can be annoying.

harbingerOTV
01-25-2008, 03:54 PM
its because your not positioning it based off a relative positioned parent element. myspace is all tables for th emost part. try this. Wrap your div in another div and give it position relative. then readjust the absolute posiitoned one. like:



<div style="position: relative;">
<div style="position:absolute; width:134px; z-index:1; overflow: visible; left:591px; top: 246px; height:190px; visibility: visible; background-color: transparent;"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=8018804&MyToken=94e84bf2-8486-4b8c-bed5-7aeae1d7d36a"><img src="http://www.redmusiconline.com/myspace/images/1-add.jpg" border="0"></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=8018804&MyToken=94e84bf2-8486-4b8c-bed5-7aeae1d7d36a"><img src="http://www.redmusiconline.com/myspace/images/2-msg.jpg" border="0"></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=8018804&f=forwardprofile"><img src="http://www.redmusiconline.com/myspace/images/3-for.jpg" border="0"></a><a href=http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=8018804&public=0""><img src="http://www.redmusiconline.com/myspace/images/4-fav.jpg" border="0"></a><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=8018804"><img src="http://www.redmusiconline.com/myspace/images/5-group.jpg" border="0"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=8018804"><img src="http://www.redmusiconline.com/myspace/images/6-block.jpg" border="0"></a>
</div>
</div>


Readjust the green numbers to suit.

Good luck. myspace is a pain.

subrosa05
01-25-2008, 06:48 PM
its because your not positioning it based off a relative positioned parent element. myspace is all tables for th emost part. try this. Wrap your div in another div and give it position relative. then readjust the absolute posiitoned one. like:



<div style="position: relative;">
<div style="position:absolute; width:134px; z-index:1; overflow: visible; left:591px; top: 246px; height:190px; visibility: visible; background-color: transparent;"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=8018804&MyToken=94e84bf2-8486-4b8c-bed5-7aeae1d7d36a"><img src="http://www.redmusiconline.com/myspace/images/1-add.jpg" border="0"></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=8018804&MyToken=94e84bf2-8486-4b8c-bed5-7aeae1d7d36a"><img src="http://www.redmusiconline.com/myspace/images/2-msg.jpg" border="0"></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=8018804&f=forwardprofile"><img src="http://www.redmusiconline.com/myspace/images/3-for.jpg" border="0"></a><a href=http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=8018804&public=0""><img src="http://www.redmusiconline.com/myspace/images/4-fav.jpg" border="0"></a><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=8018804"><img src="http://www.redmusiconline.com/myspace/images/5-group.jpg" border="0"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=8018804"><img src="http://www.redmusiconline.com/myspace/images/6-block.jpg" border="0"></a>
</div>
</div>


Readjust the green numbers to suit.

Good luck. myspace is a pain.

hey thanks alot man I really appreciate that! I'll try that out and let you know how it works out.

jcdevelopment-your right... myspace is super annoying!

subrosa05
01-25-2008, 06:58 PM
harbingerOTV! you are officially the man!

subrosa05
01-25-2008, 11:26 PM
ok one more thing.

now that i did that, its where I want it on firefox, but different on IE. thank again for taking me to that next step!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum