Forums
This topic is locked
Auto-Screensizing
Posted 09 Feb 2002 13:54:10
1
has voted
09 Feb 2002 13:54:10 Tim Oldham posted:
Does anybody know how to make a web page resize to fit any size screen?Replies
Replied 09 Feb 2002 15:01:52
09 Feb 2002 15:01:52 Owen Eastwick replied:
S-t-r-e-t-c-h-y tables:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="1%" bgcolor="#003399">
<p>Text</p>
<p>Text</p>
<p>Text</p>
</td>
</tr>
<tr>
<td height="98%">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="1%" bgcolor="#0099FF">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
</table>
</td>
<td width="99%">Text</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1%" bgcolor="#003399">
<p>Text</p>
<p>Text</p>
</td>
</tr>
</table>
</body>
</html>
Regards
Owen.
Multiple Parameter UD4 / Access 2000 Database Search Tutorial:
www.tdsf.co.uk/tdsfdemo
Edited by - oeastwick on 09 Feb 2002 15:07:27
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td height="1%" bgcolor="#003399">
<p>Text</p>
<p>Text</p>
<p>Text</p>
</td>
</tr>
<tr>
<td height="98%">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="1%" bgcolor="#0099FF">
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
<tr>
<td>Text</td>
</tr>
</table>
</td>
<td width="99%">Text</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1%" bgcolor="#003399">
<p>Text</p>
<p>Text</p>
</td>
</tr>
</table>
</body>
</html>
Regards
Owen.
Multiple Parameter UD4 / Access 2000 Database Search Tutorial:
www.tdsf.co.uk/tdsfdemo
Edited by - oeastwick on 09 Feb 2002 15:07:27
Replied 16 Feb 2002 00:36:07
16 Feb 2002 00:36:07 David Wilson replied:
Just in case you meant "window" in stead of "page" (but I don't <i>think</i> you did
<script language=JavaScript1.2>
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//--></script>
try this in the head section - maximises the browser window when the page loads
<script language=JavaScript1.2>
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//--></script>
try this in the head section - maximises the browser window when the page loads
Replied 16 Feb 2002 00:42:20
16 Feb 2002 00:42:20 David Wilson replied:
Just in case you meant "window" in stead of "page" (but I don't <i>think</i> you did
<script language=JavaScript1.2>
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//--></script>
try this in the head section - maximises the browser window when the page loads
<script language=JavaScript1.2>
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
//--></script>
try this in the head section - maximises the browser window when the page loads