Ciao ragazzi,sono nuovo e sto impazzendo...ho letto molte discussioni su di questo ma non risco a venirne fuori...


Ho questa pagina e non riesco a centrarla a meno che non setti la risoluzione del monitor a 800X600...
Desidero che la pagina sia centrata a qualsiasi risoluzione sia in explorer che con firefox....Help please....


Questo è il codice...

<html>
<head>
<title>www.VisualDesigners.it</title>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)"><style>
<!--
BODY{
scrollbar-face-color:black;
scrollbar-arrow-color:#0099FF;
scrollbar-track-color:#0099FF;
scrollbar-shadow-color:#cccccc;
scrollbar-highlight-color:#0099FF;
scrollbar-3dlight-color:#0099FF;
scrollbar-darkshadow-Color:#0099FF;
}
-->

<script language="JavaScript1.2">

//Popup Box- By Jim Silver @ jimsilver47@yahoo.com
//Exlusive permission granted to Dynamic Drive (http://dynamicdrive.com) to include this script in their DHTML archive.
//For full source code, terms of use, and 100's more scripts, visit http://www.dynamicdrive.com

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage

var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.id!="dragb ar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}

</script><style>
<!--

/*
Text Link Underline Remover Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

a{text-decoration:none}
//-->
</style>
<!-onMouseover Link CSS Script-© Dynamic Drive (www.dynamicdrive.com). For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com--><style></style>
<title>Anime .::LunarXP::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_reloadPage(init) {
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<BODY bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"><center>
<script language="JavaScript">
<!--

var ran = Math.round(Math.random() * 899999) + 100000;
var lubid_string = "<img src=\"http://lubid.lycos.com/one.asp?site=www.angelfire.com&ord=" + ran + "\" height=\"1\" width=\"1\">";
document.write(lubid_string);
//-->
</script>
</center>

<script language="JavaScript">
<!--
function showNow(scale)
{
var CategoryString = "(none)";
var searchStringLong = "(none)";

var surveyLocation = "/doc/general/angelfire_popunder.html";

if( CategoryString != "(none)" && searchStringLong != "(none)")
{
surveyLocation = surveyLocation + "?Category=" + CategoryString + "&search_string=" + searchStringLong;
}
else if( CategoryString != "(none)" )
{
surveyLocation = surveyLocation + "?Category=" + CategoryString;
}
else if( searchStringLong != "(none)" )
{
surveyLocation = surveyLocation + "?search_string=" + searchStringLong;
}

var expdate = new Date ();
var surveyCookieName = "032202ORBITZAF";
var percentOfferedSurvey = 100;
var popupNewWindow = true;

expdate.setTime (expdate.getTime() + (24 * 60 * 60 * 1000));
var stored_value = GetCookie(surveyCookieName);
if (stored_value == null)
{
SetCookie(surveyCookieName, "alreadyOffered", expdate, "/", "");
nowWin = window.open(surveyLocation,'now','height=300,width =720,toolbar=no,directories=no,status=no,menubar=n o,scrollbars=no,resizable=no');
nowWin.blur();
window.focus();
}
}

function SetCookie (name,value,expires,path,domain,secure)
{
document.cookie = name + "=" + escape (value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}

function getCookieVal (offset)
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
if( (document.cookie == null) || (document.cookie.length == null))
{
return null;
}
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}

showNow();
//-->
</script>
<div id="Layer1" style="position:absolute; width:135px; height:975px; z-index:1; left: 10px; top: 23px; background-color: #003366; layer-background-color: #003366; border: 1px none #000000">
<p align="left"><font face="Arial, Helvetica, sans-serif" size="2">
Pricipale</font>
</p>
<p align="left"><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Informazioni</font><font size="2" face="Arial, Helvetica, sans-serif">

<font color="#FFFFFF">- Link</font></font><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">

</font></p>
<p align="center"><font size="2" face="Arial, Helvetica, sans-serif"><font color="#FFFFFF">Link
To Me

[img]yourbutton.jpg[/img]



</font>
</font></p>
<p align="left"><font size="2" face="Arial, Helvetica, sans-serif">
Copyright © 2006


VisualDesigners.it</font></p>
</div>
<div id="Layer5" style="position:absolute; width:130px; height:179px; z-index:5; left: 623px; top: 224px">
<p align="left">[img]coverimg.jpg[/img]</div>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 166px; top: 51px">
<p align="left">
[img]bannersito_filtered%20copy.jpg[/img]</div>
<div id="Layer3" style="position:absolute; width:447px; height:197px; z-index:3; left: 167px; top: 223px; background-color: #003366; layer-background-color: #003366; border: 1px none #000000">
<p align="left"><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">

</font></p>
<p align="left"><font face="Arial, Helvetica, sans-serif" size="2">Che
palle......</font></div>
<div id="Layer1" style="position:absolute; width:130px; height:467px; z-index:1; left: 639px; top: 454px; background-color: #003366; layer-background-color: #003366; border: 1px none #000000">
<p align="center"><font size="2" face="Arial, Helvetica, sans-serif"><font color="#FFFFFF">Immagine
del Mese

</font>
</font></p>
<p align="center"><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">[img]month1.jpg[/img]</font><font size="2" face="Arial, Helvetica, sans-serif">



</font></p>
<hr width="100" align="left">
<p align="center">
<font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">


</font></p>
<hr width="100" align="left">
<p align="center"><font size="2" face="Arial, Helvetica, sans-serif">
<font color="#FFFFFF">Best
Viewed </font>
</font></p>
<p align="center"><font size="2" color="#FFFFFF" face="Arial, Helvetica, sans-serif">With
IE 4.0 or higher


800x600 Resolution


JavaScript Enabled</font></p>
<p align="left"></p>
<p align="left"></p>
</div>
<div id="Layer4" style="border-style:none; position:absolute; width:601px; height:15px; z-index:4; left: 167px; top: 198px; background-color: #808080; layer-background-color: #0066FF; ">
<p align="left"><font face="Arial, Helvetica, sans-serif">Benvenuti su Visualdesigners.it</font></div>
<div id="Layer4" style="border-style:none; position:absolute; width:601px; height:15px; z-index:4; left: 166px; top: 430px; background-color: #808080; layer-background-color: #0066FF; ">
<p align="left"></div>
<div id="Layer3" style="position:absolute; width:465px; height:430px; z-index:6; left: 166px; top: 454px">
<p align="left"><font size="2" face="Arial, Helvetica, sans-serif">

C'era una volta un bel cagnolino.....</font></p>
</div>
<div id="Layer4" style="border-style:none; position:absolute; width:601px; height:15px; z-index:4; left: 166px; top: 25px; background-color: #808080; layer-background-color: #0066FF; "></div>
<div align="left"></div>
</BODY>
</html>