resolution: my page looks nice @ 800x600 but...

admin · Jan 9, 2008

My page looks ok with 800x600 screen resolution, but when you put it on a higher resolution like 1024x768 it doesnt look as good. I need to sort of "stretch" out the table, so if fits to the page of both resolutions. I used Dreamweaver 4 to build it. 
 
website (<a class="postlink" href="http://www.freefallpool.cjb.net">http://www.freefallpool.cjb.net</a>) 
so is there some code i can put in or something? or any options in DW? 
any help is apreciatedWell you can encapsulate the entire page in a table with % width so it will stretch. Another option is just making a fixed table in the center of the page...the whitespace on both sides doesn't look as bad as a lot of whitespace on one side.there is an option in DW. Set your tables to use percentage values instead if pixel values. Thats it.ThanxCan a percentage width for tables be specified in regular html (note pad) with out being coded as <frameset cols? 
 
The layout that I am trying to obtain is to have the page begin with a horizontal section 84 pixels tall with a 5 pixel border around it, then have collums down both sides of page of 110 pixels width in what ever size browser setting the viewer is using. 
 
I have the top set by using a <div tag, but there is more white space between it and the tables below than I am wanting to show. 
 
Am I mixing codes up that don't work together well? 
 
Should I scrap the tables and just use frames?that I am scratching out. 
<--LINK HERE--> (<a class="postlink" href="http://www.pro-hillclimbers.org/styletest1.html">http://www.pro-hillclimbers.org/styletest1.html</a>) 
 
With my 15" monitor it is hard to tell what the concept would look like on anything bigger.Originally posted by KWJams 
Can a percentage width for tables be specified in regular html (note pad) with out being coded as <frameset cols? 
 
<frameset cols> don't have anything to do with it. just add the width to the table tag. 
 
<TABLE width="100%"><TR><TD WIDTH=0 VALIGN=TOP>Try this: 
 
 
<HTML> 
<HEAD> 
<META NAME="Description" 
Content="This page is dedicated to the members of the North American Hillclimbers Assoc. which is a non-profit organization representing Professional and Amateur motorcycle hillclimbers."> 
<META NAMES="Keywords" 
Content="motorcyle hillclimbing,motorcycle hillclimb competition,motorcycle racing,american motorcycle association,professional motorcycle racing,amateur motorcycle racing,off road racing,dirtbikes,exotic motorcycles,high performance motorcycles,extreme riding,fmx,moto cross,harley davidson,honda,team red,kawasaki,team green,suzuki,ktm,triumph,bsa,husaberg,atk,norton,indian,yamaha,zabel"> 
<TITLE>NAHA 2002</TITLE> 
<HEAD> 
<STYLE TYPE="text/css"> 
 
A:link { text-decoration: none; color: #000000 } 
A:visited { text-decoration: none; color: #990000 } 
A:active { text-decoration: none; color: #cc00FF } 
A:hover { text-decoration: underline; color: #800040 } 
 
BODY { scrollbar-3d-light-color:#FFFFFF; 
scrollbar-arrow-color:#ffffff; 
scrollbar-base-color:#3366CC; 
scrollbar-dark-shadow-color:#3399CC; 
scrollbar-face-color:#FF0000; 
scrollbar-highlight-color:#003399; 
scrollbar-shadow-color:#33ccff} 
.menu{ 
FONT-SIZE: 12px; FONT-FAMILY: Arial} 
 
--> 
 
</STYLE> 
</HEAD> 
 
<BODY marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"> 
<table width="100%" cellspacing="0" cellpadding="1" border="0" bgcolor="#cc0000"><tr> 
<td><table width="100%" cellspacing="0" cellpadding="1" border="0" bgcolor="#550000"><tr><td width="126"><IMG BORDER="2" SRC=http://www.htmlforums.com/archive/index.php/"US_flag.gif" ALIGN="LEFT" WIDTH=126 HEIGHT=84 ALT="USA"></td><td align="center"><H1>NORTH AMERICAN HILLCLIMBERS ASSOCIATION</td></H1><td width="126"><IMG BORDER="2" SRC="CAN_flag.gif" ALIGN="RIGHT" WIDTH=126 HEIGHT="84" ALT="CANADA"></td></tr></table></td></tr><tr> 
<td> 
<table width="100%" cellspacing="0" cellpadding="5" border="0"><tr> 
<TD BORDER="1" WIDTH="126" VALIGN=TOP align="center" BACKGROUND="BLUE.JPG"> 
<CENTER> 
<DIV STYLE="color: white"><H2>NAHA ALLSTARS</H2> 
<H5>*CLICK STARS*</H5> 
</DIV></CENTER> 
 
<A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/travis.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="LEFT" WIDTH=75 HEIGHT=71 ALT=TRAVIS WHITLOCK"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/dusty.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="RIGHT" WIDTH=75 HEIGHT=71 ALT=DUSTY BEER"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/mel.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="LEFT" WIDTH=75 HEIGHT=71 ALT=MEL KIMBALL"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/pete.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="RIGHT" WIDTH=75 HEIGHT=71 ALT=PETE LOOMIS"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/jon.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="RIGHT" WIDTH=75 HEIGHT=71 ALT=JON SMITH"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/robie.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="LEFT" WIDTH=75 HEIGHT=71 ALT=ROBIE PETERSON"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/brandon.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="RIGHT" WIDTH=75 HEIGHT=71 ALT=BRANDON WHITLOCK"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/mike.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="LEFT" WIDTH=75 HEIGHT=71 ALT=MIKE REESOR"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/brian.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="RIGHT" WIDTH=75 HEIGHT=71 ALT=BRIAN HELTON"></A> 
 <A HREF=http://www.htmlforums.com/archive/index.php/"http.//www.pro-hillclimbers.org/larry.html"><IMG BORDER="0" SRC="Star.gif" ALIGN="LEFT" WIDTH=75 HEIGHT=71 ALT=LARRY COLEMAN"></A> 
 </CENTER> 
</TD> 
 
<TD BORDER="1" WIDTH=700 ALIGN="CENTER" BGCOLOR="#FF0000"> 
<DIV STYLE="color: white"> 
The rest of Web page stuff goes here 
</DIV></TD> 
 
<TD BORDER="1" WIDTH="126" VALIGN=TOP BACKGROUND="BLUE.JPG"> 
<DIV STYLE="color: white"> 
<CENTER>TEXT</CENTER> 
</DIV> 
</TD> 
</TR> 
</TABLE> 
</td> 
</tr> 
</table> 
</BODY> 
</HTML> 
 
 
...just a hintYou guys are great, the last thing I would have thought of was to code the top as a Table. 
 
That's what makes this such a great forum is folks like you guys helping others.

Thanks,

resolution: my page looks nice @ 800x600 but...

admin

Administrator