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?

[xTINAA]

well if you are worried about how other people will see your xanga, like if they will see it messed up or looking the way you want, you can use this code

[MrElsewhere]

i think it's because of your div layers.

http://www.createblog.com/forums/index.php?showtopic=10975

use that code.

//damn M1SSxCHR1SSY beat me to it.. >_<

[LuvsDogs387]

Hum its just a notifier/warning. Well I put that code in there anyway. But I was wondering what if I just built my skins on the smaller resolution sized screen, would it look out of place when I put it on a larger sized screen?

[*mona lisa*]

Hum its just a notifier/warning. Well I put that code in there anyway. But I was wondering what if I just built my skins on the smaller resolution sized screen, would it look out of place when I put it on a larger sized screen?

i doubt it. i think it would be messed up the other way around.

[LuvsDogs387]

i doubt it. i think it would be messed up the other way around.

but it already is

[whomps]

Can I have an example? Skins where you position the image in the center and the blog with margin positioning are always out of place. That's why you should position both image and blog with margin positioning.

[*mona lisa*]

but it already is 

try to fix it in 800x600 and look at it in 1024x768. see if it still gets messed up.

[largosama]

if you mean you're divs are sliding all over the place, then fix them in a position:absolute or position:static in their inline style

[pink_skittle_101]

heres my suggestion: realign everything in the larger resolution, it should work in the smaller resolution too...

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

[whomps]

You NEED to position your image like you did with the div.

[LuvsDogs387]

You NEED to position your image like you did with the div.

How do you do that?

[whomps]

Well.. if you know how to position your navigation and info and all that then you should know how to position your image.. You just position it the same way you did with your info so it'll stay in place in all resolutions.

Provide a link..

[LuvsDogs387]

I tried it out, and I think I got it now, but that was tricky stuff.

Anyways thanks for the help, I apreciate it