screen resolutions screw up everything Options

[aznmech]

when people view my site, the div layering gets screwed up because different people use different window resolutions .. im currently using a window resizer to full screen but that gets annoying .. what is the code/script to but in whole window scrolling so that div layering images wont move over on different screen resolutions? maybe its my div heights/widths, i really dont know .. i tried everything else .. someone plz help .. My Xangaheres my code:

CODE

<!-- begin code provided by createblog.com -->

<MAP NAME='imgmap'>
<AREA SHAPE='poly' COORDS='439,43,498,43,499,51,483,51,482,65,459,64,459,52,438,51' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=aznpnoywrd' ALT='Add Me''>
<AREA SHAPE='poly' COORDS='518,43,560,43,559,53,551,52,551,63,527,64,527,53,517,51' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE='poly' COORDS='580,42,621,42,622,51,611,52,612,65,588,64,587,54,579,52' HREF='http://www.xanga.com/private/subs.aspx' ALT='Subscriptions'>
<AREA SHAPE='poly' COORDS='639,42,693,42,694,51,679,52,680,65,655,64,655,53,640,52' HREF='http://xanga.com/private/home.aspx' ALT='Your Xanga'>
<AREA SHAPE='poly' COORDS='710,42,764,42,764,50,749,51,749,65,725,65,725,52,710,51' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
</MAP>

<IMG SRC='http://home.comcast.net/~jonu13/xanga_naruto.PNG' border=0 width=800 height=600 USEMAP='#imgmap'>
</MAP>

<div style="position:static; margin-left:320px;margin-top: -100px;border: 0px solid #000000; width: 185px;
height: 225px; background:none;overflow: auto">
<TABLE width="100%" border=0>
 <TBODY>
 <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>
</p>
<form name="form">
<p style="text-align: center">
<select style="FONT-SIZE: 8pt; BACKGROUND:#000000; WIDTH: 142; COLOR: #FFFFFF; font-face: verdana; height:174" name="playlist" size="1">
<option value="0">Midtown - Become What You Hate</option>
<option value="1">My American Heart - Search and Rescue</option>
<option value="2">Motion City Soundtrack - My Favorite Accident</option>
<option value="3">Thrice - Artist in the Ambulance</option>
<option value="4">DJ Babyboi - Lucky Star</option>
<option value="5">Jennifer - J'attends L'amour</option>

</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.stop(); playstate=2;"></p>
</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
// www.xanga.com/smartypants91780
// unlimited songs, just copy and paste the song line and change the number
songs=new Array(3);
songs[0] ="http://www.ezarchive.com/ezarchive/AssetFile.aspx?id=98791"
songs[1] ="http://www.ezarchive.com/ezarchive/AssetFile.aspx?id=98812"
songs[2] ="http://www.ezarchive.com/ezarchive/AssetFile.aspx?id=98856"
songs[3] ="http://www.ezarchive.com/ezarchive/AssetFile.aspx?id=98795"
songs[4] ="http://www.ezarchive.com/ezarchive/AssetFile.aspx?id=98793"
songs[5] ="http://www.ezarchive.com/ezarchive/AssetFile.aspx?id=98796"
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>

</p>
</TBODY></TABLE></DIV>

<div style="position:static; margin-left:575px;margin-top: -206px;border: 0px solid #ffffff; width: 100px;
height: 50px; background:none;overflow: auto">
<TABLE width="100%" border=0>
 <TBODY>
 <TR>
   <TD>

<!-- OKcounter Code Start -->
<script language='javascript'> ac=341595; lang= 'en';  view = 1; </script>
<script language='javascript' src='http://okcounter.com/js/okcounter.js'></script>
<!-- OKcounter Code End -->

</TBODY></TABLE></DIV>

<div style="position:static; margin-left: 136px;margin-top: -530px;border: 0px solid #000000; width:

100px; height: 100px; background:none;overflow: auto">
<script LANGUAGE="JavaScript">
<!-- Begin
image1 = new Image();
image1.src = "http://www.boomspeed.com/m41carbiner/button_addme1.png";
// End -->
</script>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=aznpnoywrd" onmouseover="image1.src='http://www.boomspeed.com/m41carbiner/button_addme2.png';"onmouseout="image1.src='http://www.boomspeed.com/m41carbiner/button_addme1.png';">
<img name="image1" src="http://www.boomspeed.com/m41carbiner/button_addme1.png" border=0></a>
</DIV>

<div style="position:static; margin-left: 275px;margin-top: -100px;border: 0px solid #000000; width:

100px; height: 97px; background:none;overflow: auto">
<script LANGUAGE="JavaScript">
<!-- Begin
image2 = new Image();
image2.src = "http://www.boomspeed.com/m41carbiner/button_claf1.png";
// End -->
</script>
<a href="http://www.xanga.com/claf" onmouseover="image2.src='http://www.boomspeed.com/m41carbiner/button_claf2.png';"onmouseout="image2.src='http://www.boomspeed.com/m41carbiner/button_claf1.png';">
<img name="image2" src="http://www.boomspeed.com/m41carbiner/button_claf1.png" border=0></a>
</DIV>

<div style="position:static; margin-left: 400px;margin-top: -97px;border: 0px solid #000000; width:

100px; height: 97px; background:none;overflow: auto">
<script LANGUAGE="JavaScript">
<!-- Begin
image3 = new Image();
image3.src = "http://www.boomspeed.com/m41carbiner/button_subs1.png";
// End -->
</script>
<a href="http://www.xanga.com/private/subs.aspx" onmouseover="image3.src='http://www.boomspeed.com/m41carbiner/button_subs2.png';"onmouseout="image3.src='http://www.boomspeed.com/m41carbiner/button_subs1.png';">
<img name="image3" src="http://www.boomspeed.com/m41carbiner/button_subs1.png" border=0></a>
</DIV>

<div style="position:static; margin-left: 531px;margin-top: -97px;border: 0px solid #000000; width:

100px; height: 97px; background:none;overflow: auto">
<script LANGUAGE="JavaScript">
<!-- Begin
image4 = new Image();
image4.src = "http://www.boomspeed.com/m41carbiner/button_yours1.png";
// End -->
</script>
<a href="http://xanga.com/private/home.aspx" onmouseover="image4.src='http://www.boomspeed.com/m41carbiner/button_yours2.png';"onmouseout="image4.src='http://www.boomspeed.com/m41carbiner/button_yours1.png';">
<img name="image4" src="http://www.boomspeed.com/m41carbiner/button_yours1.png" border=0></a>
</DIV>

<div style="position:static; margin-left: 671px;margin-top: -97px;border: 0px solid #000000; width:

100px; height: 97px; background:none;overflow: auto">
<script LANGUAGE="JavaScript">
<!-- Begin
image5 = new Image();
image5.src = "http://www.boomspeed.com/m41carbiner/button_leave1.png";
// End -->
</script>
<a href="http://www.xanga.com/logout.aspx" onmouseover="image5.src='http://www.boomspeed.com/m41carbiner/button_leave2.png';"onmouseout="image5.src='http://www.boomspeed.com/m41carbiner/button_leave1.png';">
<img name="image5" src="http://www.boomspeed.com/m41carbiner/button_leave1.png" border=0></a>
</DIV>

<div style="position:static; margin-left:410px;margin-top: -50px;border: 0px solid #ffffff; width: 355px;
height: 415px; background:none;overflow: auto">

<style type='text/css'>
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer TD

{display: none;}
body
{overflow:none;
background-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
body, td, p
{color:FFFFFF;
font-family: Andale Mono;
font-size: 8pt;
text-transform: none;}
a:link {color:#638DA0;font-size: 8pt;}
a:visited {color:#638DA0;font-size: 8pt;}
.title { color: #ff0000;font-size: 8pt;}
div.blogheader, .caption {
text-transform:none;
font-size:10px;
font-weight:bold;
color:#638DA0;
text-align: right

}
</style>

<style type="text/css">
div {

filter:chroma(color=#00FF00);

scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #00FF00;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #00FF00;
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00;
}
</style>

</center>

<style type="text/css">
input, select, textarea, .textfield, .button {
border: 1px solid #638DA0;
font:normal 8pt arial;
background-color: transparent;
color: #638DA0;
}
</style>

<script language=JavaScript>

//Disable right click script III- By Renigade

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")

</script>

<script language="Javascript">
<!--

// ***********************************************
// AUTHOR: WWW.CGISCRIPT.NET, LLC
// URL: http://www.cgiscript.net
// Use the script, just leave this message intact.
// Download your FREE CGI/Perl Scripts today!
// ( http://www.cgiscript.net/scripts.htm )
// ***********************************************

window.moveTo(0,0)
window.resizeTo(screen.width,screen.height)

//-->
</script>
<!-- end code provided by createblog.com -->

big thx in advance

[NatiMarie]

Um..
It doesn't screw it. I tried it on both resolutions.
=\

[aznmech]

hmm did u try scrolling the ride part of the window to the left to scrunch up the everything? the buttons on the top should move to the left but i want the window to overlook that and keep all the images (mostly the buttons on the top but not the background) and enrties where they are .. basically what i want to happen is that when u bring the ride side of the window closer, the images (buttons on top) wont move to the right with it.

[aznmech]

heres what happens when u adjust the windows width:
here i have screenshots to see whats goin on

how its supposed to look:


how it looks with smaller window widths:




so how do i fix this up? making the window overlook the images so they dont scrunch up when u push the window smaller? someone plz help