Template Layout Stretches to fit Browser (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

ravenous_wolf -> 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 -> 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



BobbyDouglas -> 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.



ravenous_wolf -> 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 -> 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!!!!!!!!!!



BobbyDouglas -> RE: Template Layout Stretches to fit Browser (1/12/2005 15:29:10)

After your tag: <body>
ADD: <table border="0" cellpadding="0" cellspacing="0" width="800">

Before your tag: </body>
ADD: </table>

Hope that explains it a bit better. And yes, better to do a save as in case it totally messes up your page [;)]



ravenous_wolf -> RE: Template Layout Stretches to fit Browser (1/12/2005 16:02:38)

quote:

ORIGINAL: BobbyDouglas

After your tag: <body>
ADD: <table border="0" cellpadding="0" cellspacing="0" width="800">

Before your tag: </body>
ADD: </table>

Hope that explains it a bit better. And yes, better to do a save as in case it totally messes up your page [;)]


Cool beans. I will try this out tonight and see how it turns out.

Now here is a newbie question about this.

I assume that you mean that I open up FrontPage and go to the Index (or home) page to edit it and then put this in it.

If this is successful, then will it mean that “all” of my web pages will have a table fixed around it or just the page I am editing?

I am still very much a newbie at this and I unaware of the scope of the changes that I do to the HTML and the global effect.

And, is this how templates are made to “not” stretch to fit the browser?



BobbyDouglas -> RE: Template Layout Stretches to fit Browser (1/12/2005 16:47:53)

I assume that you mean that I open up FrontPage and go to the Index (or home) page to edit it and then put this in it.
- Yup

If this is successful, then will it mean that “all” of my web pages will have a table fixed around it or just the page I am editing?
- If you only edit one page, it will only make the change to one page. Since you are only editing one page, it will change that page only.

I am still very much a newbie at this and I unaware of the scope of the changes that I do to the HTML and the global effect.
- Oh really.. couldn't tell [8D] Stick around for awhile, you will learn quite a bit here.

And, is this how templates are made to “not” stretch to fit the browser?
- This is how already stretched templates are made to not strech anymore.



ravenous_wolf -> RE: Template Layout Stretches to fit Browser (1/12/2005 22:34:57)

quote:

ORIGINAL: BobbyDouglas

After your tag: <body>
ADD: <table border="0" cellpadding="0" cellspacing="0" width="800">

Before your tag: </body>
ADD: </table>

Hope that explains it a bit better. And yes, better to do a save as in case it totally messes up your page [;)]


I checked my template but there is no <body> tag. I did a FIND and it didn't show up. There is a </body> at the bottom of the page.

However, there is 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">

I believe the above is where the <body> tag should begin since it is right after the end of the head and it seems that is where everything begins.

Since there is no <body> tag, I did not put in your suggestion. Is there something out of this tag that I could tweak so that the template does not stretch to fit the browser session?



BobbyDouglas -> 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.



ravenous_wolf -> 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 -> 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.



ravenous_wolf -> 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 -> 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 -> 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?



ravenous_wolf -> 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 -> 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?



ravenous_wolf -> 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 -> 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?



ravenous_wolf -> 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 -> 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...



ravenous_wolf -> 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 -> 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).



ravenous_wolf -> 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 -> 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.



ravenous_wolf -> 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 -> RE: Template Layout Stretches to fit Browser (1/13/2005 1:02:50)

Change the width="800" to width="800px"



ravenous_wolf -> 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 -> 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.



Kitka -> 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.



Page: [1] 2   next >   >>

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.140625