Positioning >.< Options

[Emmi237]

Okay.. I just made a layout for my profile. Only problem is... I made it on a widescreen monitor.. so now anyone who views it and doesn't have a widescreen monitor or the same resolution... sees it all screwy

My myspace...

Is there any way to solve this problem so that everyone sees it the same way? Have I missed something that everyone else got? >.<

Thanks
Emmi
xXx

[freeflow]

Sorry I was at school. All you have to do is position the um navigation

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}

</style>

<div class="bg" style="position: absolute; left:60px; top:150px; width:800px; height:600px; z-index:1;">
<img src="http://img.photobucket.com/albums/v630/Munchkin237/bgcopy.jpg">
</div>



<style type=text/css>

body {
background-color: FFFFFF;
background-image: url("http://img.photobucket.com/albums/v630/Munchkin237/background-1.jpg");
background-position: bottom right;
background-repeat: tiled;
background-attachment: fixed;
scrollbar-arrow-color:C8C8C8;
scrollbar-track-color: C8C8C8;
scrollbar-shadow-color: 505050;
scrollbar-face-color:000000;
scrollbar-highlight-color:D8D8D8;
scrollbar-darkshadow-color:505050;
scrollbar-3dlight-color:D8D8D8;}

table, tr, td {background-color: transparent; border: 5px; padding:2;}
table table {border: 5px;}
table table table table{border: 5px;}

{The actual modules}
table table table {border: 1px solid; border-color: 000000; background-color: FFFFFF; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 9px arial; color:C8C8C8; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}  

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }


{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px;}  
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px;}

{bolded words}
.standard b, p b, B, strong {
font-family:terminal; font-size:12px; color:000000; font-weight:bold;border:1px; }
</style>




<div class="me" style="position: absolute; left:140px;  top:200px; width:137px; height:181px; overflow: auto; z-index:2"><center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=7945368">
<img width=127 height=171 src="http://myspace-974.vo.llnwd.net/00846/47/97/846697974_m.jpg">
</a></div>


<div class="Interests" style="position: absolute; left:110px;  top:450px; width:205px; height:250px; overflow: auto; z-index:3;"><center>

<FORM NAME="Interests">
<SELECT style="background-color:#000000; font-family:ms pgothic; color:#FFFFFF; border-style:solid" NAME="Interests">
<OPTION VALUE="m5">~*Interests*~
<OPTION VALUE="m1">Music
<OPTION VALUE="m2">Computers :o
<OPTION VALUE="m3">Photography
<OPTION VALUE="m4">Knee Socks
<OPTION VALUE="m5">Manga
<OPTION VALUE="m5">MMORPGs (WoW)
<OPTION VALUE="m5">Snuggling
<OPTION VALUE="m5">Dunlops
<OPTION VALUE="m5">Potato Salad
<OPTION VALUE="m5">Cinnamon Pretzels! <<<<3
</SELECT>
</FORM>

<FORM NAME="Music">
<SELECT style="background-color:#000000; font-family:ms pgothic; color:#FFFFFF; border-style:solid" NAME="Music">
<OPTION VALUE="m5">~*Music*~
<OPTION VALUE="m1">Rock/Indie
<OPTION VALUE="m2">Stereophonics
<OPTION VALUE="m3">Killers
<OPTION VALUE="m4">Goo Goo Dolls
<OPTION VALUE="m5">Sublime
<OPTION VALUE="m5">Weezer
<OPTION VALUE="m5">The All - American Rejects
<OPTION VALUE="m5">Muse
<OPTION VALUE="m5">Theory of a Deadman
<OPTION VALUE="m5">Eagles of Deathmetal
<OPTION VALUE="m5">Fuel
<OPTION VALUE="m5">Foo Fighters
<OPTION VALUE="m5">The Magic Numbers
<OPTION VALUE="m5">Oasis
</SELECT>
</FORM>

<FORM NAME="Movies/TV">
<SELECT style="background-color:#000000; font-family:ms pgothic; color:#FFFFFF; border-style:solid" NAME="Movies/TV">
<OPTION VALUE="m5">~*Movies and TV*~
<OPTION VALUE="m1">Desperate Housewives
<OPTION VALUE="m2">Sex and the City
<OPTION VALUE="m3">Lost
<OPTION VALUE="m4">Teachers
<OPTION VALUE="m5">Shameless
<OPTION VALUE="m5">League of Gentlemen
<OPTION VALUE="m5">Family Guy
<OPTION VALUE="m5">Drawn Together
<OPTION VALUE="m5">Empire Records
<OPTION VALUE="m5">Texas Chainsaw Massacre
<OPTION VALUE="m5">Tank girl
<OPTION VALUE="m5">Saw 1,2&3
<OPTION VALUE="m5">Rocky Horror
<OPTION VALUE="m5">Badder Santa
<OPTION VALUE="m5">V for Vendetta
</SELECT>
</FORM>

Status: In a Relationship <br>
Hometown: Hempnall <br>
Body type: 5' 4" / Average <br>
Ethnicity: White / Caucasian <br>
Zodiac Sign: Taurus <br>
Smoke / Drink: No / No <br>
Education: In college <br>
Occupation: Student/Sale Advisor

</div>


<div class="content" style="position: absolute; left:100px;  top:800px; width:500px; height:500px; overflow: auto;z-index:4;"><center>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=7945368&MyToken=e03f67eb-246b-42b6-befe-15fdffd26123"><img src="http://img.photobucket.com/albums/v630/Munchkin237/comment.jpg">
</a>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=7945368&MyToken=e03f67eb-246b-42b6-befe-15fdffd26123"><img src="http://img.photobucket.com/albums/v630/Munchkin237/add.jpg">
</a>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=7945368&MyToken=e03f67eb-246b-42b6-befe-15fdffd26123"><img src="http://img.photobucket.com/albums/v630/Munchkin237/message.jpg">
</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=7945368&MyToken=e03f67eb-246b-42b6-befe-15fdffd26123"><img src="http://img.photobucket.com/albums/v630/Munchkin237/viewcomments.jpg">
</a>

<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=7945368"><img src="http://img.photobucket.com/albums/v630/Munchkin237/viewfriends.jpg">
</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=7945368&MyToken=e03f67eb-246b-42b6-befe-15fdffd26123ML"><img src="http://img.photobucket.com/albums/v630/Munchkin237/viewblog.jpg">
</a>

</div>

<div class="Other" style="position: absolute; left:420px;  top:450px; width:300px; height:500px; overflow: auto;z-index:5;"><center>

Me = Emily (Aka Emmi, Lemony, Skeletor, Kitaro)
I'm pretty normalish apart from being a tad geeky xD I love cinnamon pretzels and potato salad ^_^ I have a mario mushroom tatoo'd on my belly :o
I play WoW, I know... but I do have a life too :o At the moment I'm doing a foundation degree in Business Computing at CCN and working at Debenhams ^_^
I also have a bootifal boyfriend, <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=53823850&MyToken=ffd23272-fb63-4c83-a24a-d344586a6741">Jonathan <3</a> <Br><Br><br><br>
<FORM NAME="Love">
<SELECT style="background-color:#000000; font-family:ms pgothic; color:#FFFFFF; border-style:solid" NAME="Love">
<OPTION VALUE="m5">Lots of <3's to...
<OPTION VALUE="m1">Jonno <3
<OPTION VALUE="m2">Stacey
<OPTION VALUE="m3">Kakie
<OPTION VALUE="m4">Amy
<OPTION VALUE="m5">Ben
<OPTION VALUE="m5">Hannah
<OPTION VALUE="m5">Dani
<OPTION VALUE="m5">Matt
<OPTION VALUE="m5">Lucy
<OPTION VALUE="m5">Adam
<OPTION VALUE="m5">Gail
<OPTION VALUE="m5">Shaun
<OPTION VALUE="m5">And all you other great people!

</SELECT>
</FORM>
</div>

Tell me once you get the code so I can remove it from my test myspace. Thanks :)