you can use a javascript a sniffer that detects the page size, then based on that redirects them to a page that will fit their resolution. It's kind of a painful way of getting around that problem, because you would have to make 3 different websites with different sizes.... if you dont want to do that just make your page compatible for 1024x768 and most people wont have a problem with it.
Code:
<script language="text/javascript">
<!--
if(screen.width>=1280||screen.height>=1024){
var sTargetURL = "bigscreen.html";
}else if(screen.width=1024||screen.height=768){
var sTargetURL = "normalscreen.html";
}else if (scren.width<=800||screen.height<=600){
var sTargetURL = "smallscreen.html";
}else{
var sTargetURL = "normalscreen.html";
alert("Your current resolution settings do not match the content of this page. Your current resolution is "+screen.width+" by "+screen.height+". If possible please change your resolution to either 800x600, 1024x768, or 1280x1024.");
}
function doRedirect()
{
setTimeout( "window.location.href = sTargetURL", 500 );
}
//-->
</script>
<body onload="doRedirect()">
if i got all that correctly, what it should do is check the resolution, if it is 1280x1024 or higher, it will redirect to bigscreen.html. if it is 1024x768, normalscreen.html, and if equal to or less than 800x600, smallscreen.html. If the user has a resolution somewhere in-between those three then it will politeley send an alert telling them that their resolution is different than what is best for the page, and ask them to change to one of the three choices.
what you need to do, is make those three pages, and put the function "doRedirect()" in the onLoad of your body tag. |
