|
| |
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
 |
Template Layout Stretches to fit Browser - 1/12/2005 14:27:35
I bought a template (not from here) that I am developing my web site with using FrontPage. On 800 by 600 on my puny monitor, it looks great. But when I am using a 20/21 inch monitor with a high resolution like 1152 by 864, every page looks contorted especially since it is loaded with tables (with and without visible borders). It looks hideous.
Is there an “easy” way for me to simply disable the “layout stretching to fit browser” or is it way over the head of a newbie?
The other web site I am developing with the template that I bought from here works great because it does not stretch at all. And it still looks good even when I am using a big honking monitor with a high resolution because everything is proportional and still stays where it should stay. Yeah, it has lots of white space with a big monitor but everything is still proportional to the way I designed it and I don’t see the white space as being negative.
Any ideas?
Or is it over my head since the template is designed that way?
|
|
|
|
dpf
Posts: 7126
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 14:37:02
quote:
Is there an “easy” way for me to simply disable the “layout stretching to fit browser” or is it way over the head of a newbie? no and no...please post a url so we can see
_____________________________
Dan
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 14:42:10
Rught after your body tag, insert a table that has the width you would like. Then before the </body> tag, insert the </table> tag.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 15:16:46
quote:
ORIGINAL: BobbyDouglas
Rught after your body tag, insert a table that has the width you would like. Then before the </body> tag, insert the </table> tag.
Although I could specify the exact width of the table, the real issue is the entire template stretching to fit the browser.
If there is no other way to solve the template stretching problem, then I suppose I could specify the “exact” width of every table although the template does look funny on a 20/21 inch monitor with a high resolution since the main body stretches out.
| |
|
|
|
dpf
Posts: 7126
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 15:20:13
what bobby was suggesting was tht you put a fixed 800 table around it... if all your tables and cells are %, and no images too large, this will often constrain the page from spreading... take your page (inside fp) and do a save as..save it as test.html ..then open that page apreview it in small res and see if it worked!!!!!!!!!!
_____________________________
Dan
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 22:36:55
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> is your body tag.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 22:43:34
quote:
ORIGINAL: BobbyDouglas
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> is your body tag.
So I assume that I should change:
marginwidth="0"
From zero to:
marginwidth="800"
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 22:46:45
No..
I said quote:
Rught after your body tag, insert a table that has the width you would like. Then before the </body> tag, insert the </table> tag.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 23:02:01
I inserted the table tag right after the body tag and I inserted the </table> tag right before the </body> tag.
Unfortunately, nothing changed.
The template layout still stretched to fit the browser.
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 23:14:24
Although I did insert:
<table border="0" cellpadding="0" cellspacing="0" width="800">
right before this tag:
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="images/white_bk.gif">
It was on the same line as <body topmargin> tag.
As for the tag:
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="images/white_bk.gif">
Does this above tag nullify what I just inserted?
Or rather, should I adjust:
width="100%"
to the following:
width="800"
And then remove what I inserted???
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 23:17:57
I would have to see your page in action in order to correctly answer that question.
But the fix I told you to do will work. Did you try it?
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 23:43:24
quote:
ORIGINAL: BobbyDouglas
I would have to see your page in action in order to correctly answer that question.
But the fix I told you to do will work. Did you try it?
Yes, I did try your fix.
After the </head> tag, I went to the middle of this tag:
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"><table border="0" cellpadding="0" cellspacing="0" width="100%" background="images/white_bk.gif">
The above tag was all on one line. In the middle of the above line, at the end of this part of this tag:
marginheight="0">
I inserted your fix as:
<table border="0" cellpadding="0" cellspacing="0" width="800">
And I added the </table> right before the </body> tag.
It had no impact. It looked just the same.
I then removed the fix that I inserted and put it at the end of this part the end of the above line, right after this:
width="100%" background="images/white_bk.gif">
It simply changed this top banner graphic (the white_bk.gif) to a fixed width but the rest of the template remained stretched to fit the browser.
Here is another question. Since this is the body tag or at least where it begins is this:
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
Is there a way to insert it like this:
<body>
<table border="0" cellpadding="0" cellspacing="0" width="800">
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
Or is that just garbage?
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/12/2005 23:54:30
It doesn't quite work like that. But you can use CSS and put the body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" into a css file so you can just say <body>
Just want to make sure, my fix DID fix the problem, right?
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:01:47
Your fix did not work.
Everything still stayed the same when I changed to a higher resolution. The template layout still stretched to fit the browser.
But I am kind of curious. Since the below is the body tag:
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
What is it really telling the browser to do since everything is set to zero???
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:05:07
Tells it to make sure that there are no spaces around your content.
Can you post a URL to show this is not fixed?
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:17:13
FreedomStone.com
It has the fix that I inserted after the body tag.
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:23:39
My resolution is at 800x600, so I can't see a problem. Are you saying it still is at 100% width?
I would make the changes correctly though.
Like how I said add </table> before the </body> tag, you need to add the </table> right before the </body> tag, not a few lines before, but right before it.
Do the same with what I said to the top...
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:39:48
At 800 by 600, the template layout is fine. And that is the resolution that I designed to.
My concern is for resolutions that are much higher. The template layout then stretches out to the browsers which then greatly distorts the tables within certain pages.
As for inserting the fix, it currently displays like this in the HTML view of FrontPage as:
</table>
</body>
Should I insert it as:
</table></body>
Now I am not sure if I understand this correctly about the top part.
The body tag begins as:
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
I inserted the following immediately after the above tag on the same line:
<table border="0" cellpadding="0" cellspacing="0" width="800">
The way it displays on the web using View Source from IE6 or using Page Source for Netscape is very much different than what shows up on FrontPage HTML view.
In fact, there is a lot of stuff that shows up in View Source and Page Source that doesn't show up in the FrontPage HTML view.
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:48:11
That's pretty weird, but normal for FP. I will have to think about another fix for this then.
Open FP, then copy and paste your html code inside here, be sure to use the code tags with a [ to the left of code, and ] to the right, so like [c o d e] but without the spaces. (Click the button that says code and you will see what I mean).
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:53:54
I am sorry. I am not sure what you mean.
Like, in FrontPage, in the bottom menu bar there is the Normal, HTML, Preview options.
Do you mean to click HTML and then select everything and then do a copy and paste as a post?
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:54:54
Do you mean to click HTML and then select everything and then do a copy and paste as a post?
- Yes. But click on the "code" button you see when you click on reply.
Put your code in their.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 0:59:59
Here it is:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>Freedom Stone</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style>
<!--
p { font-family: Arial; font-size: 10pt; margin-top: 0; margin-bottom: 0 }
td { font-family: Arial; font-size: 10pt; margin-top: 0; margin-bottom: 0 }
-->
</style>
<meta name="Microsoft Theme" content="america 011, default">
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"><table border="0" cellpadding="0" cellspacing="0" width="800"><table border="0" cellpadding="0" cellspacing="0" width="100%" background="images/white_bk.gif">
<tr>
<td width="1%" valign="top">
<img BORDER="0" SRC="images/flag.jpg" width="485" height="90"></td>
<td width="99%" valign="middle">
<p align="center"><img border="0" src="graphics/FreedomStone_Banner.gif" width="200" height="72"></td>
</tr>
<tr>
<td width="1%" valign="top" background="images/grey_bar.gif">
<img border="0" src="images/grey_bar.gif" width="62" height="2"></td>
<td width="99%" valign="top" background="images/grey_bar.gif">
<img border="0" src="images/grey_bar.gif" width="62" height="2"></td>
</tr>
</table>
<div ALIGN="left">
<table BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" BACKGROUND="images/blue_bk.gif">
<tr>
<td WIDTH="1%">
<img BORDER="0" SRC="images/gb_sp.gif" width="150" height="20"></td>
<td WIDTH="99%">
<div ALIGN="right">
<table BORDER="0" CELLPADDING="0" CELLSPACING="0">
<tr>
<td>
<font COLOR="#FFFFFF">
<!--webbot bot="Navigation" S-Type="global" S-Orientation="horizontal" S-Rendering="graphics" B-Include-Home="TRUE" B-Include-Up="FALSE" U-Page S-Target -->
</font></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<div ALIGN="left">
<table BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" background="images/white_bk.gif">
<tr>
<td WIDTH="7%" BACKGROUND="images/blue_bk.gif"> </td>
<td WIDTH="1%">
<img BORDER="0" SRC="images/top_corner.gif" width="17" height="17"></td>
<td WIDTH="82%" BACKGROUND="images/content_sp_rt.gif">
<img BORDER="0" SRC="images/content_sp_rt.gif" width="49" height="17"></td>
<td WIDTH="10%" BACKGROUND="images/info_box_sp.gif">
<img BORDER="0" SRC="images/info_box_sp.gif" width="180" height="17"></td>
</tr>
<tr>
<td WIDTH="7%" VALIGN="top" BACKGROUND="images/blue_bk.gif">
<div ALIGN="left">
<table BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" BACKGROUND="images/blue_bk.gif">
<tr>
<td WIDTH="100%">
<p ALIGN="center">
<!--webbot bot="Navigation" S-Type="top" S-Orientation="vertical" S-Rendering="graphics" B-Include-Home="TRUE" B-Include-Up="FALSE" U-Page S-Target -->
</p>
</td>
</tr>
</table>
</div>
<p align="center"><font size="1" color="#FFFFFF">Advertisement</font><br>
<a href="http://www.nationalsummary.com/">
<img border="0" src="graphics/nationalsummary__w-130.gif" width="130" height="200"></a></p>
</td>
<td WIDTH="1%" BACKGROUND="images/fd_mid_sp.gif" VALIGN="top">
<img BORDER="0" SRC="images/fd_mid_sp.gif" width="17" height="34"></td>
<td WIDTH="82%" VALIGN="top">
<!--webbot bot="Navigation" S-Type="banner" S-Rendering="graphics" S-Orientation B-Include-Home B-Include-Up U-Page S-Target -->
<p> </p>
<table border="1" cellpadding="6" cellspacing="1" style="border-width:4; border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="100%" style="border-right-style: solid; border-right-width: 1; border-top-color: #336699; border-top-width: 1; border-bottom-color: #336699; border-bottom-width: 1">
<p align="center"><a href="product2.htm">
<img border="0" src="graphics/war__358.jpg" width="358" height="242"></a></td>
</tr>
</table>
<p align="center"><b><font color="#1A235A" size="2">Shirt Style M1</font></b><font size="2" color="#1A235A"><b>1</b></font></p>
<p align="center"><font color="#1A235A">T-shirt $14.95 • Sweatshirt $21.95</font></p>
<p align="center"><font size="1" color="#336699">Click Shirt Design to View
Ordering Information</font></p>
<p align="center"> </p>
<p align="center"><b><font size="3" color="#1A235A">Newest Shirt Style</font></b></p>
<table border="1" cellpadding="6" cellspacing="1" style="border-width:4; border-collapse: collapse" width="100%" id="AutoNumber3">
<tr>
<td width="100%" style="border-right-style: solid; border-right-width: 1; border-top-color: #336699; border-top-width: 1; border-bottom-color: #336699; border-bottom-width: 1">
<p align="center">
<a href="product1.htm">
<img border="0" src="graphics/Politically%20Incorrect__179.jpg" width="179" height="121"></a></td>
</tr>
</table>
<p align="center"><b><font color="#1A235A" size="2">Shirt Style K10</font></b><font color="#1A235A"><br>
T-shirt $14.95 • Sweatshirt $21.95</font></p>
<p align="center"><font size="1" color="#336699">Click Shirt Design to View
Ordering Information</font></p>
<p align="center"> </p>
<p align="left">Discounts are available when ordering any combination of
T-shirts and sweatshirts, shirt styles, and sizes. See our
<a href="discounts.htm">Discounts</a> menu item for more details. </p>
<p align="center"> </p>
<p align="center">
<img border="0" src="graphics/credit%20card%20logos/visa.jpeg" width="50" height="32">
<img border="0" src="graphics/credit%20card%20logos/mastercard.jpeg" width="50" height="33">
<img border="0" src="graphics/credit%20card%20logos/discover.jpeg" width="50" height="33"></p>
<p align="left">We accept Visa, Master Card, and Discover. We also accept
checks or money orders through the mail.
See our <a href="payment_methods.htm">Payment Methods</a> menu item for more details.</p>
</td>
<td WIDTH="10%" VALIGN="top">
<div ALIGN="center">
<center>
<table BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="164" BACKGROUND="images/box_bk.gif">
<tr>
<td WIDTH="6" VALIGN="top">
<img BORDER="0" SRC="images/box_tp_lf.gif" width="8" height="8"></td>
<td WIDTH="148" VALIGN="top">
<img BORDER="0" SRC="images/box_top.gif" width="148" height="8"></td>
<td WIDTH="5" VALIGN="top">
<img BORDER="0" SRC="images/box_tp_rt.gif" width="8" height="8"></td>
</tr>
<tr>
<td WIDTH="6" VALIGN="top"> </td>
<td WIDTH="148" VALIGN="top">
<p align="center"><b><font color="#FFFFFF" size="1">Advertisement</font></b></p>
<p align="center"><b><font color="#336699" size="4">Analysis </font> </b><font color="#336699" size="4"><b>
& </b></font></p>
<p align="center"><b><font color="#336699" size="4">Commentary</font></b></p>
<p align="center"><b><font color="#1A235A" size="1">
<a href="http://www.nationalsummary.com/" style="text-decoration: none">NationalSummary.com</a></font></b></p>
<p align="center"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> Would Jesus Drive
an SUV?</font><font color="#000099" size="1"><b> </b></font><font size="1">
<a href="http://www.nationalsummary.com/religion.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> Is Congress Too
Small?</font><b><font size="1" color="#000099"> </font></b><font size="1">
<a href="http://www.nationalsummary.com/politics.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> The Bogus
Rumor to Replace Dick Cheney.</font><b><font size="1" color="#000099"> </font></b><font size="1">
<a href="http://nationalsummary.com/politics.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> School Vouchers:
What’s all the Hullabaloo?</font><b><font color="#000099" size="1"> </font></b><font size="1">
<a href="http://www.nationalsummary.com/education.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> Is it George W.
Bush's Fault?</font><b><font size="1" color="#000099"> </font></b><font size="1">
<a href="http://www.nationalsummary.com/politics.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b></font><font face="Arial" size="2" color="#000099"> World
Hunger: Is it
America's Fault?</font><b><font face="Arial" size="1" color="#000099"> </font></b><font face="Arial" size="1">
<a href="http://nationalsummary.com/international.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> Bush: Only a
Guardsman.</font><b><font color="#000099" size="1"> </font></b><font color="#336699" size="1">
<a href="http://www.nationalsummary.com/military.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> Mission to
Mars: Future or Fantasy.</font><b><font color="#000099" size="1"> </font></b><font size="1" color="#336699">
<a href="http://www.nationalsummary.com/science_tech.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b> The War Against Walmart.</font><b><font size="1" color="#000099"> </font></b><font size="1">
<a href="http://www.nationalsummary.com/business.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b></font><font color="#000099"><font face="Arial" size="2">
Can the
Arts Survive Without Public Funding?</font><b><font face="Arial" size="1">
</font></b></font><font size="1" color="#000099">
<a href="http://www.nationalsummary.com/arts_culture.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="left"> </p>
<p align="left"><font color="#000099" size="2"><b>●</b></font><font face="Verdana"><font face="Arial" color="#000099" size="2"> Zeroing Out Your Debt
Harms Your Credit Score?</font><b><font face="Arial" color="#000099" size="1"> </font></b></font><font size="1">
<a href="http://www.nationalsummary.com/business.htm">
<font color="#336699">Read Article</font></a></font></p>
<p align="center"><font face="Wingdings" color="#FFFFFF">« « « « «</font></p>
<p align="center"><font color="#1A235A"><b><i><font size="3">Advertise</font></i></b></font><b><i><font size="3" COLOR="#1A235A">
Here</font></i></b></p>
<p align="center"><font size="1">
<u><b><a href="advertise_here.htm">Click here</a></b></u> for
details.</font></p>
</td>
<td WIDTH="5" VALIGN="top"> </td>
</tr>
<tr>
<td WIDTH="6" VALIGN="top">
<img BORDER="0" SRC="images/box_bt_lf.gif" width="8" height="8"></td>
<td WIDTH="148" VALIGN="top">
<img BORDER="0" SRC="images/box_bt.gif" width="148" height="8"></td>
<td WIDTH="5" VALIGN="top">
<img BORDER="0" SRC="images/box_bt_rt.gif" width="8" height="8"></td>
</tr>
</table>
</center>
</div>
</td>
</tr>
<tr>
<td WIDTH="7%" VALIGN="top" BACKGROUND="images/blue_bk.gif">
<p align="center"> </td>
<td WIDTH="1%" VALIGN="top" BACKGROUND="images/fd_mid_sp.gif"> </td>
<td WIDTH="82%" VALIGN="top"><hr>
<p ALIGN="center"><font SIZE="1">
<!--webbot bot="Navigation" S-Type="top" S-Orientation="horizontal" S-Rendering="text" B-Include-Home="TRUE" B-Include-Up="FALSE" U-Page S-Target -->
</font></p>
<p ALIGN="center"><font SIZE="1">Copyright © 2005 Freedom Stone</font></p>
</td>
<td WIDTH="10%" VALIGN="top"> </td>
</tr>
<tr>
<td WIDTH="7%" VALIGN="top" BACKGROUND="images/blue_bk.gif">
<img BORDER="0" SRC="images/fade_spacer_bt.gif" width="150" height="17"></td>
<td WIDTH="1%" VALIGN="top">
<img BORDER="0" SRC="images/bt_corner.gif" width="17" height="17"></td>
<td WIDTH="82%" VALIGN="top" BACKGROUND="images/bt_fade_sp.gif">
<img BORDER="0" SRC="images/bt_fade_sp.gif" width="255" height="17"></td>
<td WIDTH="10%" VALIGN="top" BACKGROUND="images/bt_infobox_sp.gif">
<img BORDER="0" SRC="images/bt_infobox_sp.gif" width="174" height="17"></td>
</tr>
<tr>
<td WIDTH="7%" VALIGN="top" BACKGROUND="images/blue_bk.gif">
<img BORDER="0" SRC="images/bt_blue_lf.gif" width="150" height="24"></td>
<td WIDTH="1%" VALIGN="top" BACKGROUND="images/blue_bk.gif">
<img BORDER="0" SRC="images/bt_blue_mid.gif" width="17" height="24"></td>
<td WIDTH="82%" VALIGN="top" BACKGROUND="images/blue_bk.gif">
<img BORDER="0" SRC="images/bt_blue_rt.gif" width="255" height="24"></td>
<td WIDTH="10%" VALIGN="top" BACKGROUND="images/blue_bk.gif"> </td>
</tr>
</table>
</div>
</table>
</body>
</html>
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 1:02:50
Change the width="800" to width="800px"
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
ravenous_wolf
Posts: 174
Joined: 11/27/2004
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 1:12:13
It didn't work...
I made the change, saved it and published it to the web.
I then changed my monitor to several higher screen resolutions but the template layout still stretched to fit the browser.
| |
|
|
|
BobbyDouglas
Posts: 5470
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 1:26:23
Ok well I dunno what the issue is. FP's theme is messing with something, can I don't know what it is.
I'll have to take a look when I am on my home PC.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
Kitka
Posts: 2520
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: Template Layout Stretches to fit Browser - 1/13/2005 1:51:42
quote:
It didn't work...
It might be because you are missing a part of the code.
A table should have these components:
<table> <tr> <td> Data here </td> </tr> </table>
For the table you just added, you are missing the table row <tr> and table data <td> tags (both opening and closing).
Try adding those and it should work.
Also the width should read "800" not "800px". In fact, probably should read "760", as 800 is very likely to create a horizontal scroll bar. Some screen real estate is taken up by the vertical scroll bar etc.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
Stick around for awhile, you will learn quite a bit here. 