Widescreen/normal Options

[JCLore]

hi
i just created this layout
and its fine on my PC
but when i view it on my brothers widescreen laptop
the divs and comment have moved to the left

heres my layout
Snowboard

[newkidontheblock]

Change Your Code To This...http://myspace.com/178754362
About Me Code

CODE

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table 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}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:515; height:auto;position:absolute;
top:700px;left:50%; margin-left:-132px;
overflow:none;background-color:transparent;
border:black 0px solid;z-index:2px;}
.navbar {display:none;}
.navigationBar {display:none;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>

<style type=text/css>

body {
background-color: 000000;
background-image: url("http://i215.photobucket.com/albums/cc176/johncouzenslore/SNOWBOARDING/SBMDL1.jpg");
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
scrollbar-arrow-color: transparent;
scrollbar-track-color: 000000;
scrollbar-shadow-color: FFFFFF;
scrollbar-face-color: 000000;
scrollbar-highlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-3dlight-color: FFFFFF;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table {border: 0px;}
table table table {border: 0px dashed; border-color: FFFFFF; background-color: transparent;}
font, body, table, td, div, h1, h2, br, a, p {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.orangetext15 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.whitetext12 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.lightbluetext8 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.text {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.nametext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.blacktext12 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.blacktext10 {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.btext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.redtext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
.redbtext {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}

a:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a:active {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.man:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.text:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:active {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:link {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:active {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}

a:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.man:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.text:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:visited {font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:visited{font-family:arial; font-size:12px; color:FFFFFF; background-color:transparent; text-transform:none; text-decoration:none; font-weight:none;}

a:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.man:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.text:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.redlink:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}
a.navbar:hover{font-family:arial; font-size:12px; color:000000; background-color:FFFFFF;text-transform:none; text-decoration:none; font-weight:none;}


}
a.navigate:link,a.navigate:active,a.navigate:visited{
padding:4px;
color:FFFFFF;
font-size:10pt;
display:block;
margin-top:1px;
cursor:default;
border-left:1px solid;
border-left-color:FFFFFF;
text-indent:2px;
text-align:right;
font-weight:normal;
letter-spacing:0px;
font-family:small fonts;
text-decoration:none;
text-transform:none;
background-color:transparent;
}
a.navigate:hover{
padding:4px;
color:FFFFFF;
font-size:10pt;
display:block;
margin-top:1px;
cursor:default;
border-left:1px solid;
border-left-color:FFFFFF;
text-indent:2px;
text-align:left;
font-weight:normal;
letter-spacing:0px;
font-family:small fonts;
text-decoration:none;
text-transform:none;
background-color:transparent;
}


u, s, i {
font-family: arial;
font-size: 12px;
color: FFFFFF;
text-align: justify;}

.title {
color:FFFFFF;
font: 12px arial;
font-weight: bold;
padding: 1px;
letter-spacing: 2px;
border-bottom:1px double ffffff;
border-left:1px double ffffff;
border-width: 3px;
background-color:transparent;
background-image: url('');
background-repeat:repeat;
text-align:Right;
text-transform:uppercase;}

.a {hide top search bar}
div div select, div div form {display:none !important;}

select {position:relative !important; top:-1000px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline !important;}

</style>

I'd Like To Meet Code

CODE

<div class="About Me" style="position: absolute; left:50%; margin-left:-22px;top:270px; width:415px; height:400px; overflow: auto;">

<p class="title">Basics</P>
<img src="http://a756.ac-images.myspacecdn.com/images01/55/m_edfd789fb5e3fab7be9ebcb5e1546f63.jpg" align="right">
<b>NAME:</b>John<br>
<b>GENDER:</b>Male<br>

<b>AGE:</b>16<br>
<b>BIRTHDAY:</b>01/11/1991<br>
<b>ORIANTATION:</b>Straight<br>
<b>LOCATION:</b>Perth<br>
<b>NATIONALITY:</b>Auzzie<br>
<b>HOBBIES:</b>lotsa stuff<br>

<br>

<p class="title">About Me</P>
<center>-Friends-<br>-Family-<br>-Music up loud-<br>-Games-<br>-Graphic Design-<br>-Church-<br>-Movies-<br>-AAFC-<br>-Sports-<br>-Just Hangin-<br></center>

<br>
<p class="title">Interests</P>
I luv playing PS2, playing computer games, listening to music/radio, surfing the net, going on Holidays, my friends, my family, and animals. <Z> <br>
My fav games are deffinately the final fantasy series, Halo, Command and Conquer, and a few other games such as tomb raider and keoi warrior games.<br>
I'd most luv to go to Queenstown in NZ...and go snowboardin, skydivin, bunji jumpin, all that xtreme stuff YEAH!!

<br>
<p class="title">Heroes</P>
My Heroes are probably my Parents, as annoying as they are, with out them, i wouldn't exsixt. <br>My Family and friends are also my heroes, i look to them when i need help.<br>Spiderman and catwomen are my favourite fiction heroes. <br>But most of all, God is my Hero, because he created everything i hav and a way to Him.<br>"John 3:16"

<br><br><br><br>
© 2003-2007
<a
href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">Myspace.com</a> | <a
href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2pvaG5jb3V6ZW5zbG9yZQ==">Lore</a>

</div>

<div class="content" style="position: absolute; left:50%; top:500px; width:100px; margin-left:-142px; height:300px; overflow: none;">

<marquee direction="up" width="100px" height="200px">

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTIwNjU2NzM0MyZNeVRva2VuPTA1NDVi
Dg4LWM5OTktNDgxZS1hODFjLWZkMjU1NWQzMzU1Ng=="><img src="http://a778.ac-images.myspacecdn.com/images01/55/s_584171f15d675c11b51af90572e96b41.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEyOTQwMTIzOSZNeVRva2VuPTA1NDVi
Dg4LWM5OTktNDgxZS1hODFjLWZkMjU1NWQzMzU1Ng=="><img src="http://a957.ac-images.myspacecdn.com/images01/90/s_9d9c801fa56af14dd94b7726b956d684.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTcwNjU1ODI0Jk15VG9rZW49MDU0NWJk
DgtYzk5OS00ODFlLWE4MWMtZmQyNTU1ZDMzNTU2"><img src="http://a7.ac-images.myspacecdn.com/images01/81/s_78bb1eb494e958b0b3e303fd37b897d6.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTU3NDM3OTczJk15VG9rZW49MDU0NWJk
DgtYzk5OS00ODFlLWE4MWMtZmQyNTU1ZDMzNTU2"><img src="http://a45.ac-images.myspacecdn.com/images01/85/s_c62c1b477ef055a12a77fab228d91774.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEzMTUyNzQ2MCZNeVRva2VuPTA1NDVi
Dg4LWM5OTktNDgxZS1hODFjLWZkMjU1NWQzMzU1Ng=="><img src="http://a392.ac-images.myspacecdn.com/images01/108/s_9c2cde81b65f9b82114fd404fd10c357.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEzNTU1MjQ0NiZNeVRva2VuPTA1NDVi
Dg4LWM5OTktNDgxZS1hODFjLWZkMjU1NWQzMzU1Ng=="><img src="http://a599.ac-images.myspacecdn.com/images01/119/s_821d631406bb9d1a52c104899a54bd1e.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTE1MzY1MTQ0OSZNeVRva2VuPTA1NDVi
Dg4LWM5OTktNDgxZS1hODFjLWZkMjU1NWQzMzU1Ng=="><img src="http://a420.ac-images.myspacecdn.com/images01/57/s_d1642a1473231a620ad2af19eaa6dbdb.jpg"width=75px height=75px></a>

<a
href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTQzMDMyNjM4Jk15VG9rZW49MDU0NWJk
DgtYzk5OS00ODFlLWE4MWMtZmQyNTU1ZDMzNTU2"><img src="http://a410.ac-images.myspacecdn.com/images01/64/s_e14b877741a331d729ac5a77db8d2109.jpg"width=75px height=75px></a>

</marquee>

</div>

<div class="navigation" style="position: absolute; left:50%; margin-left:-142px; top:290px; width:100px; height:200px; overflow: hidden;">

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"class="navigate">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MTcxNDE1ODI2"class="navigate">Message Me</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNzE0MTU4MjY="class="navigate">Add Me</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZTEzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld2Zy
WVuZHMmZnJpZW5kSUQ9MTcxNDE1ODI2"class="navigate">View Friends</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZTEzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld2Nv
W1lbnRzJmZyaWVuZElEPTE3MTQxNTgyNg=="class="navigate">View Comments</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTcxNDE1ODI2"class="navigate">View Blogs</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTcxNDE1ODI2"class="navigate">View Pictures</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE3MTQxNTgyNg=="class="navigate">Add Comment</a>
<a
href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2pvaG5jb3V6ZW5sb3Jl" class="navigate">Lore</a>
</div>


<div class="content" style="position: absolute; left:50%; margin-left:-132px; top:220px; width:500px; height:100px; overflow: hidden;">

<marquee direction="right" width="500px" height="50px"><span style="font-size: 18pt">JØHÑ ÇØÜZËѧ</span></marquee>

</div>


<div class="comments"><table><tr><td><table><tr><td>

This post has been edited by Fawaz: Nov 30 2007, 10:26 PM

[JCLore]

ok
it works

what exacatly did you do??
you switched them over so that the about me is in the like to meet, but was that it??

[JCLore]

i dont actually understand what you just said
but im sure i'll eventually figure it out
yep
you can close this
thanx

[newkidontheblock]

In Your Code You Had No

CODE

margin-left:XXXpx;

All You Had Was

CODE

left:XXXpx;

I Changed The left To

CODE

left:50%;

And Uses The margin-left:XXXpx; To Move It Left Or Right.

--------------------------- YOU CAN CLOSE

[JCLore]

so what would switching it to 100% do??

[newkidontheblock]

no left:50%; which is a half of the screen

[JCLore]

sorry
let me rephrase the question

if i switched the left:50%; to left:100%;
what would happen to the div??

[newkidontheblock]

The Div Will switched All The Way To The Right...

[JCLore]

is there a way to make them not move at all??
or make them fixed to the background??

[newkidontheblock]

There Is A Way But It Not Supported In Internet Explore....

Instead Of

CODE

position:absolute;

You Would Use

CODE

position:fixed;

[JCLore]

oh ok

um something happened to my layout
i changed the "top:295px;" in the navigation div to "top:300px;"
and now its stuffed

[JCLore]

nevermind
its fixed

[Insurmountable]

Okay topic closed.

If you need this reopened for any reason feel free to PM a Design staff. After two days this topic will be moved the Myspace Resolved Topics sub forum