Skin trouble on different sized screens Options

[LuvsDogs387]

I made my xanga skin on my computer which is a 1024x768 screen size but when I go on my moms computer which is 800x600 screen size, everything looks out of place. The blog space and the nav are not where they should be. I checked a few random xangas, same page on both screen sizes, and they were fine. I dont know what I'm doing wrong for it to be different. Other peoples skins somehow stretch or are formated to fit any screen size. Any suggestions so I can correct this and make mine do the same?

[LuvsDogs387]

I'm confused about the margin thing

I haven't got the chance to try and fix for 800x600 to see if it will work on 1024x768

I tried the "position:absolute" but I only have one place to put it and it did help lock the nav in position but I dont have an area to put it in for the blog...I think I lost it

And when I made it I had everything alligned in 1024x768 but its not working in 800x600.

After all of this I've come to the conculsion this is too HARD I think I'm just going to make any skin from now on in 800 and just cross my fingers that it works in 1024. But if anyone wants to take a crack at fixing it heres my code:

CODE

<script type='text/javascript'>
document.title = ("Take Me 2 Paradise ft Greece");
</script>

<img src="http://s04.imagehost.org/1352/island_xanga2_top.jpg">

<div style="position:static; margin-left:34px;margin-top:-75px;border: 0px solid

#0033cc; width:230px; height:2500px;background: none; overflow: auto">

<table border="0" width=100%>
<tr>
<td colspan=2><br>
<b class=nav>About Me</b><br>
<tr>
<td><IMG

SRC="http://p2.xanga.com/25/f0/25f0a0d54c2dbc2fb42d0b441ab180b17004748.gif

">
<br>
<b>Name:</b> Ruthann<br>
<b>Location:</b> California USA<br>
<b>Birthday:</b> 11/3/1987<br>
<b>Gender:</b> Female <br>
<b>Website:</b> <A HREF="http://www.geocities.com/luvsdogs387/">Visit my

web site</A><br>
<b>AIM:</b>  LuvsDogs387<br>
<b>Yahoo:</b>  LuvsDogs387 <br>
<b>MSN:</b>  BlinkinBoxcar@hotmail.com</td></tr>
<tr>
<td>
<object id="darkplayer"

codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab

#

Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading

Microsoft Windows Media Player components..." width="0"

classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<select name="playlist" size="1">

<!-- Add song info here -->
<option value="0">In too deep</option>
<option value="1">And I</option>
<option value="2">I Feel So</option>
<option value="3">Breathing</option>
<option value="4">I think were alone now</option>
<option value="5">Since u been gone</option>
<option value="6">Violence</option>
<option value="7">What's my age again?</option>
<option value="8">Bad Touch</option>
<option value="9">Predictable</option>

</select>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play"

OnClick="play(document.forms['form'].playlist);">
</form>

<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1;  // Set to 0 to always play first song in list
             // Set to 1 to randomly choose the first song to play
songs=new Array();

// Add song URLs here
songs[0]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/5/19139/21011_1_7_04.asf";

songs[1]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/0/22864/26484_1_6_04.asf";

songs[2]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/0/22864/26484_1_1_04.asf";

songs[3]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/0/24962/28398_1_2_04.asf";

songs[4]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/3/4309/4899_1_1_04.asf";

songs[5]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/2/23893/30200_1_2_04.asf";

songs[6]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/5/237/28505_1_4_04.asf";

songs[7]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/3/237/4383_1_5_04.asf";

songs[8]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/2/9102/15836_1_10_04.asf";

songs[9]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b5

1/

mtvrdstr.download.akamai.com/8512/wmp/0/15873/29892_1_7_04.asf";

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];}playstate = 1;}//-->
</script></td></tr>
<tr>
<td>
<object width=140 height=150><param name=movie

value='http://luvsdogs387.chatango.com/flash/mini.swf'><param name=bgcolor

value='#FF00FF'><param name = flashvars

value='k=0&n=DC143C&s=FFD700&m=66CCFF&l=FFFFFF&t=FF69B4&d=0x000

0

00&i=0x000000'><embed src='http://luvsdogs387.chatango.com/flash/mini.swf'

bgcolor='#FF00FF' width=140' height=150  type=application/x-shockwave-flash

flashvars='k=0&n=DC143C&s=FFD700&m=66CCFF&l=FFFFFF&t=FF69B4&d=0x

0

00000&i=0x000000'></embed></object><br><img border=0

src=http://luvsdogs387.chatango.com/i?5></td></tr>
<br>
<br>
<tr>
<td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a

href="http://www.xanga.com/guestbook.aspx?user=LuvsDogs387">Guestbook</a

>

<br>
<a

href="http://www.xanga.com/profile.aspx?user=LuvsDogs387">Profile</a>

(<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a

href="http://www.xanga.com/Private/SubscribeTo.aspx?user=LuvsDogs387"

target="blank">Add Me</a><br><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions:</b><br>
<tr>
<td>
<a href="http://www.xanga.com/BaybeBdoll709">BaybeBdoll709</a><br>
<a href="http://www.xanga.com/BubblePrincess17">BubblePrincess17</a><br>
<a href="http://www.xanga.com/J_OE_Y">J_OE_Y</a><br>
<a href="http://www.xanga.com/KeLL_BeLL_FaN">KeLL_BeLL_FaN</a><br>
<a href="http://www.xanga.com/LaZyDudeAzN">LaZyDudeAzN</a><br>
<a href="http://www.xanga.com/qtvbplyr15">qtvbplyr15</a><br>
<a

href="http://www.xanga.com/thursdaysfallingstar">thursdaysfallingstar</a><br>
<a

href="http://www.xanga.com/TurTLes_are_the_Shiznik">TurTLes_are_the_Shiznik

</a><br>
<br>
<tr>
<td colspan=2>
<b class="nav">Blogrings:</b><br>
<a href="http://www.xanga.com/groups/group.aspx?id=178362">i like boys who

play guitar...</a><br>
<a href="http://www.xanga.com/groups/group.aspx?id=209559">!!!i love

Dogs...i love Dogs!!!</a><br>
<a

href="http://www.xanga.com/groups/group.aspx?id=479437">¤doggy*dog*lover

z¤</a><br>
<a href="http://www.xanga.com/groups/group.aspx?id=468957">I like music

you like music</a><br>
<a href="http://www.xanga.com/groups/group.aspx?id=502574">Dreamers Of

Life</a><br>
<a

href="http://www.xanga.com/groups/group.aspx?id=240961">createBlog.com</a>

<br>
<a

href="http://www.xanga.com/groups/group.aspx?id=100257">~Blink182~</a>
<br>
<a

href="http://www.xanga.com/groups/group.aspx?id=277821">!!!MOVIE

BUFF!!!</a><br>
<br>
<br>
</tr>
<tr><td>
<img src="http://www.counting4free.com/cgi-bin/counter.pl?id=38286"></td></tr>
</table>
</div>

<div align="center" class="blogspace">
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH,
table.left TD, table.navigation, table.footer
{display: none;}
</style>

<div style="
overflow: auto;
width: 450px;
height: 2500px;
margin-top: -2440px;
margin-left: 60px;">

<style type="text/css">
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;
}
.caption, .blogheader {
width: 425px;
padding: 1px;
font-family: Verdana;
font-size: 11pt;
text-align: left;
color: #666666;
text-transform: lowercaps;
margin-top: 10px;
border-bottom: #666666 1px solid;}

P, B, I, TD, TH
{font-family: Verdana; color: #000000; font-size: 10pt; }
A:link, A:visited, A:active
{color:#0033CC; text-decoration:line-through; font-size:10pt;}
a:hover
{text-decoration: underline; color:#0033CC; font-size: 10pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Verdana;
font-size: 10pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>

<style type="text/css">
/*Can You Take Me There?*/
/*by LuvsDogs387*/
body {
background-image:url(http://s04.imagehost.org/1353/island_xanga2_bottom.jpg);
background-repeat: repeat-y;
background-color: #0033CC;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #0033CC;
scrollbar-darkshadow-color: #0033CC;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #0033CC;
cursor:crosshair; color:#000000;
}#rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; }
</style>

<style type="text/css">
div.blogheader, .caption {
/* edits the dates */
font-family: Verdana;
text-transform: LOWERCASE;
font-size: 12px;
font-weight: ITALIC;
line-height: 13px;
color: #0033CC;
letter-spacing: 3px;
background-color: #transparent;
text-align: RIGHT;
border: 0px solid #000000;
border-width: 1px 1px 1px 1px;}
</style>

<!-- Cursors provided by http://www.xanga.com/xquizit_442 -->
<style>body, a:hover{cursor:

url(http://xquizit.cbstaff.com/cursors/cursor_teal.cur);}</style><div

align="center">Cursors by <a

href="http://xanga.com/xquizit_442">Xquizit_442</a></div>