This is what i use to do
(Now i only design pages for 800x600 because 50% of web surfers have that resolution)
<script language="JavaScript">
function loadContent(file){
var head = document.getElementsByTagName('head').item(0)
var scriptTag = document.getElementById('loadScript');
if(scriptTag) head.removeChild(scriptTag);
script = document.createElement('script');
script.src = file;
script.type = 'text/javascript';
script.id = 'loadScript';
head.appendChild(script)
}
loadContent('content.js')
//The array content should be here i.e.
//content[0] = "My First DOM Table i got from a powweb forum";
//content[1] = "i love http://www.impact-torah.com";
if(screen.width == "640"){
var oWidth = "570";
}
if(screen.width == "800"){
var oWidth = "780";
}
if(screen.width == "1024"){
var oWidth = "880" // or 980
}
outPut_table = "";
outPut_table += "<table width="+oWidth+" cellspacing='0' cellpadding='0'>";
outPut_table += " <tr>";
outPut_table += "<td>"+content[0]+"</td>";
outPut_table += " </tr>";
outPut_table += " <tr>";
outPut_table += "<td>"+content[1]+"</td>";
outPut_table += " </tr>";
outPut_table += "</table>";
document.write(outPut_table);
</script>
Been so long since i wrote in DHTML/Javascript so probably some errors... Anys ways thats what i did.
This script also works great with server side language.