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]

Try doing it w/o positioning with percents. Position with #px; and #px; for your top and left. You used percents. Use actual numbers instead . (#px; instead o #%;)

[Emmi237]

Right okay... you sure that will totally solve it?

[freeflow]

No but its worth a try. It worked for some people with normal sizes who just had layouts that looked diff for people. Other people had this problem in a way and it worked better w/o percents.

Its worth a try. Save your percent code incase it doesn't.

[Emmi237]

Okay, thanks for the help :)

[Emmi237]

Thats still not worked

Any other ideas? My first div layout.. I worked so hard >.<

[freeflow]

Well I use safari and well if you want I can try to align it correct and stuff for me then you can tell me what it looks like for you?

If you want to pm or post your codes here.

[Emmi237]

That would be soooo helpful if you could give it a shot?

Heres my code.. Sorry its a bit messy >.<

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;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>

<div class="bg" style="position: absolute; left:22%; top:25%; width:800px; height:600px; overflow: hidden;">
<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="content" style="position: absolute; left:26.5%;  top:33.5%; width:137px; height:181px; overflow: auto;"><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="content" style="position: absolute; left:26.3%;  top:72%; width:205px; height:250px; overflow: auto;"><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:33%;  top:115%; width:500px; height:500px; overflow: auto;"><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="content" style="position: absolute; left:48%;  top:72%; width:300px; height:500px; overflow: auto;"><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>
</div>

<div class="content" style="position: absolute; left:48%;  top:90%; width:300px; height:500px; overflow: auto;"><center>
<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

And heres how it looked on my screen
Linked cos of big picture-age!

[freeflow]

Does everything but the links at the bottom show up ok for you or no?
http://myspace.com/poopietest

[Emmi237]

Yes! Thats fantastic. Thankyou!

[Emmi237]

Could I possibly have the code? ^_^ Cheers

[*Infinite.*]

Well if toya doesn't come back I'll give you the code on that once I get home, although for divs don't ever position using percents, as long as your px it should align right in everyones browser.

Oh I'm at a hospital at the moment so myspace is blocked, which is why I can't give you the code now.

[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 :)

[Emmi237]

Thanks very muchly both of you :)

xXx

Got the code ^_^