Resize web page

Ash1 · Apr 25, 2001

Hi im new to dreamweaver an Im wondering if u can answer two questions

1. I want my web page to resize when opened in different browsers or when screen resolutions are different..How do I do this

2. I have a table on my webpage an am wonderin how I would put a scroll bar so users can scroll down

thanks
ASH

TulsaJeff · Apr 25, 2001

Hi Ash1,

Answer (1):

In dreamweaver you can select your table and select the stretch option in the properties panel (Dreamweaver 4) If you are using Dreamweaver 3 just make row=100% also in the properties panel.

This will stretch your table and everything inside out to the limits of the browser window.

It will NOT resize photos and images like Flash does. It will simply increase the space between your objects and decrease the wrap on your text.

Answer (2):

ScrollBars will automatically appear as needed for anything that goes beyond the horizontal or vertical limits of the browser window.

I have put a neat FAQ in the FAQ section of this forum on how to create custom scrollbars if you would like to check those out.

Let me know if you need more help.

Ya' Gotta Love It!

Ash1 · Apr 26, 2001

Thanks for the answer
as for the 1st question on how to make my page resize to fit the screen..I didnt just mean the Table (sorry bad explanation on my behalf) I meant the whole website...I want it to fit to screen automatically when users are using different Browsers or Screen Resolutions (CAN U HELP)
Thanks again
ASH

Manic · Apr 30, 2001

try this code. there are two pages here 800 x 600 and 1240 x 768 Have fun

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">
<!--
function TB_animateWindow(windowWidth,windowHeight,targetWidth,targetHeight,widthMod,heightMod,fullScreen)
{
//

http://www.timbooker.com

//

http://www.saltstonemedia.co.uk

if (fullScreen)
{
targetWidth = screen.availWidth;
targetHeight = screen.availHeight;
}

if (windowWidth < targetWidth) windowWidth += widthMod;
if (windowHeight < targetHeight) windowHeight += heightMod;

windowLeft = (screen.availWidth / 2) - (windowWidth / 2);
windowTop = (screen.availHeight / 2) - (windowHeight / 2);

top.window.resizeTo(windowWidth,windowHeight);
top.window.moveTo(windowLeft,windowTop);

if (windowWidth < targetWidth || windowHeight < targetHeight)
setTimeout('TB_animateWindow(' + windowWidth + ', ' + windowHeight + ', ' + targetWidth + ', ' + targetHeight + ', ' + widthMod + ', ' + heightMod + ', ' + fullScreen + ');',10);
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="TB_animateWindow(100,100,800,600,20,20,false)">
<div align="center">
This
window is automatically defaulting to 800 X 600 pixels
(slick,
huh?) 
 
 
<a href="1024-X-768pix.htm">1024
x 768</a>
</div>
</body>
</html>

----------------
second page
----------------

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">
<!--
function TB_animateWindow(windowWidth,windowHeight,targetWidth,targetHeight,widthMod,heightMod,fullScreen)
{
//

http://www.timbooker.com

//

http://www.saltstonemedia.co.uk

if (fullScreen)
{
targetWidth = screen.availWidth;
targetHeight = screen.availHeight;
}

if (windowWidth < targetWidth) windowWidth += widthMod;
if (windowHeight < targetHeight) windowHeight += heightMod;

windowLeft = (screen.availWidth / 2) - (windowWidth / 2);
windowTop = (screen.availHeight / 2) - (windowHeight / 2);

top.window.resizeTo(windowWidth,windowHeight);
top.window.moveTo(windowLeft,windowTop);

if (windowWidth < targetWidth || windowHeight < targetHeight)
setTimeout('TB_animateWindow(' + windowWidth + ', ' + windowHeight + ', ' + targetWidth + ', ' + targetHeight + ', ' + widthMod + ', ' + heightMod + ', ' + fullScreen + ');',10);
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="TB_animateWindow(800,600,1024,768,20,20,false)">
<div align="center">
This
window is automatically defaulting to 1024 x 768 pixels
(slick,
huh?) 
 
 
 
<a href="800-600pix.htm">800
x 600</a>
</div>
</body>
</html>
-----------------------------
I've broken it again !!
-----------------------------

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Resize web page

Ash1

Technical User

TulsaJeff

Programmer

Ash1

Technical User

Manic

Programmer

Similar threads

Part and Inventory Search

Sponsor