This is probably a tall order; need some input from the talented folks hanging out here. I'm really just getting started, and blundering my way through the code.
I'm running Win XP Pro/1024 X 768; my wife Win 2000 Pro/1024 X 768. I'm going to include the code I'm using, and on both our computers everything lines up well. However, if someone comes along with 800 X 600 it's gonna' be scrunched up. My thinking is I might use basic tables with the exact positioning code in that for a container, but I'm not sure what to put. Using the code I did it still rides on top of the table. So, what I need is some input for getting this stuff into the containers, and setting it up for any res with the layout staying the same.
<head>
<title>Bellevue Grace Assembly of God</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
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 topmargin="5" background="http://www.eliving.com/graceweb/bodybground.gif">
<!--PAGE LAYOUT TABLE -->
<!-- 1 --><table align="center" width="720" height="700" border="0" bordercolor="0" cellpadding="0">
<!-- NAVBAR -->
<tr valign="top"><td width="160" valign="top">
<!-- 2 --><table align="left" width="170" height="700" border="0" bordercolor="#FF9900" bgcolor="#FFDBE0"><tr valign="top"><td valign="top">
<div id="Layer1" style="position:absolute; left: 140px; top:7px; width:33px; height:33px; z-index:1">
<img src=" http://www.eliving.com/graceweb/LTcorner.jpg" width="33" height="33"></div>
</td></tr><!-- 2 --></table></td>
<!-- BODY LAYOUT -->
<td valign="top"><!-- 3 --><table align="right" width="550" height="700" border="0" bordercolor="#00FF00" cellpadding="5" bgcolor="#F0E68C"><tr><td>
<div id="Layer1" style="position:absolute; left:829px; top:7px; width:33px; height:33px; z-index:1">
<img src=" http://www.eliving.com/graceweb/LRcorner.jpg" width="33" height="33"></div>
</td></tr><!-- 3 --></table>
<!-- 1 --></td></tr></table>
Any thoughts appreciated. Thanks.
BuddyB
