How do I get my page footer (included via web component in all pages which
uses a layout table and cell) to have the same width on all pages. ie. the
full page width? Some pages have large tables in them, and the footer only
goes across part of the bottom of the page. I used 100% Table column width
and "auto-scale cells with table' is turned on for the one cell in the
layout table in the footer page.

Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Jon

Jon
Fri Feb 20 16:43:45 CST 2004

Hi Dan,
put the footer outside the table, eg
<style type="text/css">
#footer{
background-color: white;
border-top:1px solid #333;
text-align:center;
}
</style>
<table>
.....stuff
</table>
<div id="footer">
footer stuff
</div>

This way it will always be the full page width whatever other content you
have

Jon
microsoft MVP - FP

"Dan V." <danv@yah.com> wrote in message
news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
> How do I get my page footer (included via web component in all pages which
> uses a layout table and cell) to have the same width on all pages. ie. the
> full page width? Some pages have large tables in them, and the footer
only
> goes across part of the bottom of the page. I used 100% Table column
width
> and "auto-scale cells with table' is turned on for the one cell in the
> layout table in the footer page.
>
>



Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Dan

Dan
Mon Feb 23 09:43:01 CST 2004

I should have mentioned that I wanted the table in the footer so that I can
have the same background colour for my footer across my web site. The only
way to do this is with a table. Any ideas to have the footer the same width
across all pages with a table in it?

"Jon" <jonspivey@NOCRAPTHANKStiscali.co.uk> wrote in message
news:%23obV$LA%23DHA.548@TK2MSFTNGP11.phx.gbl...
> Hi Dan,
> put the footer outside the table, eg
> <style type="text/css">
> #footer{
> background-color: white;
> border-top:1px solid #333;
> text-align:center;
> }
> </style>
> <table>
> .....stuff
> </table>
> <div id="footer">
> footer stuff
> </div>
>
> This way it will always be the full page width whatever other content you
> have
>
> Jon
> microsoft MVP - FP
>
> "Dan V." <danv@yah.com> wrote in message
> news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
> > How do I get my page footer (included via web component in all pages
which
> > uses a layout table and cell) to have the same width on all pages. ie.
the
> > full page width? Some pages have large tables in them, and the footer
> only
> > goes across part of the bottom of the page. I used 100% Table column
> width
> > and "auto-scale cells with table' is turned on for the one cell in the
> > layout table in the footer page.
> >
> >
>
>



Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Dan

Dan
Mon Feb 23 09:50:41 CST 2004

Thanks Jon, it worked great. I should have tried it before I posted back to
you.


"Jon" <jonspivey@NOCRAPTHANKStiscali.co.uk> wrote in message
news:%23obV$LA%23DHA.548@TK2MSFTNGP11.phx.gbl...
> Hi Dan,
> put the footer outside the table, eg
> <style type="text/css">
> #footer{
> background-color: white;
> border-top:1px solid #333;
> text-align:center;
> }
> </style>
> <table>
> .....stuff
> </table>
> <div id="footer">
> footer stuff
> </div>
>
> This way it will always be the full page width whatever other content you
> have
>
> Jon
> microsoft MVP - FP
>
> "Dan V." <danv@yah.com> wrote in message
> news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
> > How do I get my page footer (included via web component in all pages
which
> > uses a layout table and cell) to have the same width on all pages. ie.
the
> > full page width? Some pages have large tables in them, and the footer
> only
> > goes across part of the bottom of the page. I used 100% Table column
> width
> > and "auto-scale cells with table' is turned on for the one cell in the
> > layout table in the footer page.
> >
> >
>
>



Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Dan

Dan
Mon Feb 23 10:55:19 CST 2004

This works great, but it seems to stretch to the size of the browser window.
How could it stop to the size of the largest page in the site?

"Jon" <jonspivey@NOCRAPTHANKStiscali.co.uk> wrote in message
news:%23obV$LA%23DHA.548@TK2MSFTNGP11.phx.gbl...
> Hi Dan,
> put the footer outside the table, eg
> <style type="text/css">
> #footer{
> background-color: white;
> border-top:1px solid #333;
> text-align:center;
> }
> </style>
> <table>
> .....stuff
> </table>
> <div id="footer">
> footer stuff
> </div>
>
> This way it will always be the full page width whatever other content you
> have
>
> Jon
> microsoft MVP - FP
>
> "Dan V." <danv@yah.com> wrote in message
> news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
> > How do I get my page footer (included via web component in all pages
which
> > uses a layout table and cell) to have the same width on all pages. ie.
the
> > full page width? Some pages have large tables in them, and the footer
> only
> > goes across part of the bottom of the page. I used 100% Table column
> width
> > and "auto-scale cells with table' is turned on for the one cell in the
> > layout table in the footer page.
> >
> >
>
>



Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by anonymous

anonymous
Mon Feb 23 10:56:07 CST 2004

Or just make the footer it's own table if you want to do it that way. Then it won't be bound by any constraints of other tables on the page.

Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Jon

Jon
Mon Feb 23 11:26:35 CST 2004

Hi Dan,
that shouldn't happen - can I see the offending page?

I use this type of footer on nearly every site, for example
http://www.bookhead.co.uk the footer on all pages is a div like this

<div id="footer"><p>[<a href="/default.aspx">home</a>] [<a
href="/contact.aspx">contact us]</a> [<a href="/privacy.aspx"
onclick="privacyWindow(); return false;">privacy</a>]
[<a href="/search.aspx">search</a>] [<a
href="/questions.aspx">questions</a>] </p
<p>copyright &copy; 2003 bookhead.co.uk</p>
</div>

with this CSS
#footer {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #666;
background-color: #FFF;
width: 100%;
padding: 8px 0;
}

as you can see it sits underneath my layout table and always takes up 100%
of the browser window

Jon
Microsoft MVP - FP
"Dan V." <danv@yah.com> wrote in message
news:OnvKT3i%23DHA.1392@tk2msftngp13.phx.gbl...
> This works great, but it seems to stretch to the size of the browser
window.
> How could it stop to the size of the largest page in the site?
>
> "Jon" <jonspivey@NOCRAPTHANKStiscali.co.uk> wrote in message
> news:%23obV$LA%23DHA.548@TK2MSFTNGP11.phx.gbl...
> > Hi Dan,
> > put the footer outside the table, eg
> > <style type="text/css">
> > #footer{
> > background-color: white;
> > border-top:1px solid #333;
> > text-align:center;
> > }
> > </style>
> > <table>
> > .....stuff
> > </table>
> > <div id="footer">
> > footer stuff
> > </div>
> >
> > This way it will always be the full page width whatever other content
you
> > have
> >
> > Jon
> > microsoft MVP - FP
> >
> > "Dan V." <danv@yah.com> wrote in message
> > news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
> > > How do I get my page footer (included via web component in all pages
> which
> > > uses a layout table and cell) to have the same width on all pages. ie.
> the
> > > full page width? Some pages have large tables in them, and the footer
> > only
> > > goes across part of the bottom of the page. I used 100% Table column
> > width
> > > and "auto-scale cells with table' is turned on for the one cell in the
> > > layout table in the footer page.
> > >
> > >
> >
> >
>
>



Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Dan

Dan
Mon Feb 23 12:13:29 CST 2004

The footer is on every page in the site. E.g.
http://www.figpsoft.com/dantest/Solutions.htm

The footer will stretch to infinity, instead of the largest page in the
site. Is that by design? You mentioned that it takes 100% of the browser
window (I would like it to be smaller). I just add a transparent gif in the
footer, so there is something other that only one table in the footer, else
the table is set to a specific width on every page.


"Jon" <jsREMOVE@roksteady.net> wrote in message
news:Ou6UvIj%23DHA.2212@TK2MSFTNGP10.phx.gbl...
> Hi Dan,
> that shouldn't happen - can I see the offending page?
>
> I use this type of footer on nearly every site, for example
> http://www.bookhead.co.uk the footer on all pages is a div like this
>
> <div id="footer"><p>[<a href="/default.aspx">home</a>] [<a
> href="/contact.aspx">contact us]</a> [<a href="/privacy.aspx"
> onclick="privacyWindow(); return false;">privacy</a>]
> [<a href="/search.aspx">search</a>] [<a
> href="/questions.aspx">questions</a>] </p
> <p>copyright &copy; 2003 bookhead.co.uk</p>
> </div>
>
> with this CSS
> #footer {
> font: 12px Verdana, Arial, Helvetica, sans-serif;
> color: #666;
> background-color: #FFF;
> width: 100%;
> padding: 8px 0;
> }
>
> as you can see it sits underneath my layout table and always takes up 100%
> of the browser window
>
> Jon
> Microsoft MVP - FP
> "Dan V." <danv@yah.com> wrote in message
> news:OnvKT3i%23DHA.1392@tk2msftngp13.phx.gbl...
> > This works great, but it seems to stretch to the size of the browser
> window.
> > How could it stop to the size of the largest page in the site?
> >
> > "Jon" <jonspivey@NOCRAPTHANKStiscali.co.uk> wrote in message
> > news:%23obV$LA%23DHA.548@TK2MSFTNGP11.phx.gbl...
> > > Hi Dan,
> > > put the footer outside the table, eg
> > > <style type="text/css">
> > > #footer{
> > > background-color: white;
> > > border-top:1px solid #333;
> > > text-align:center;
> > > }
> > > </style>
> > > <table>
> > > .....stuff
> > > </table>
> > > <div id="footer">
> > > footer stuff
> > > </div>
> > >
> > > This way it will always be the full page width whatever other content
> you
> > > have
> > >
> > > Jon
> > > microsoft MVP - FP
> > >
> > > "Dan V." <danv@yah.com> wrote in message
> > > news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
> > > > How do I get my page footer (included via web component in all pages
> > which
> > > > uses a layout table and cell) to have the same width on all pages.
ie.
> > the
> > > > full page width? Some pages have large tables in them, and the
footer
> > > only
> > > > goes across part of the bottom of the page. I used 100% Table
column
> > > width
> > > > and "auto-scale cells with table' is turned on for the one cell in
the
> > > > layout table in the footer page.
> > > >
> > > >
> > >
> > >
> >
> >
>
>



Re: How do I get my page footer (included in all pages in a layout table) to be the same width on all pages (full-width)? by Stefan

Stefan
Tue Feb 24 03:50:43 CST 2004

In your DWT and pages your main table is slightly too wide for 800x600
<table border="0" cellpadding="0" cellspacing="0" width="754" height="542">
- change it to 740 and remove the height (unsupported by many browsers)

In your Footer.htm remove the img tag at the end
<img src="images/1x1%20transparent.gif" width="1" height="1">
- image tags must be in block level tags (<p> or a table cell)
And remove the table height from
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="80">
Also remove the inline style from your <p> tags
- of you wan to control the spacing use separate table rows for each line

FYI
There is no need to use all the include pages you have (header/footer, etc) in a DWT
- the DWT replaces the need for includes
- just put the content of the includes in your DWT (SolutionsLayout.dwt) and apply the DWT to your pages (edit the DWT in the future
to change the content that is not editable)

PS remove all spaces from file / folder names - illegal html, breaks links
--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________


"Dan V." <danv@yah.com> wrote in message news:%23dHI%23ij%23DHA.2656@TK2MSFTNGP11.phx.gbl...
| The footer is on every page in the site. E.g.
| http://www.figpsoft.com/dantest/Solutions.htm
|
| The footer will stretch to infinity, instead of the largest page in the
| site. Is that by design? You mentioned that it takes 100% of the browser
| window (I would like it to be smaller). I just add a transparent gif in the
| footer, so there is something other that only one table in the footer, else
| the table is set to a specific width on every page.
|
|
| "Jon" <jsREMOVE@roksteady.net> wrote in message
| news:Ou6UvIj%23DHA.2212@TK2MSFTNGP10.phx.gbl...
| > Hi Dan,
| > that shouldn't happen - can I see the offending page?
| >
| > I use this type of footer on nearly every site, for example
| > http://www.bookhead.co.uk the footer on all pages is a div like this
| >
| > <div id="footer"><p>[<a href="/default.aspx">home</a>] [<a
| > href="/contact.aspx">contact us]</a> [<a href="/privacy.aspx"
| > onclick="privacyWindow(); return false;">privacy</a>]
| > [<a href="/search.aspx">search</a>] [<a
| > href="/questions.aspx">questions</a>] </p
| > <p>copyright &copy; 2003 bookhead.co.uk</p>
| > </div>
| >
| > with this CSS
| > #footer {
| > font: 12px Verdana, Arial, Helvetica, sans-serif;
| > color: #666;
| > background-color: #FFF;
| > width: 100%;
| > padding: 8px 0;
| > }
| >
| > as you can see it sits underneath my layout table and always takes up 100%
| > of the browser window
| >
| > Jon
| > Microsoft MVP - FP
| > "Dan V." <danv@yah.com> wrote in message
| > news:OnvKT3i%23DHA.1392@tk2msftngp13.phx.gbl...
| > > This works great, but it seems to stretch to the size of the browser
| > window.
| > > How could it stop to the size of the largest page in the site?
| > >
| > > "Jon" <jonspivey@NOCRAPTHANKStiscali.co.uk> wrote in message
| > > news:%23obV$LA%23DHA.548@TK2MSFTNGP11.phx.gbl...
| > > > Hi Dan,
| > > > put the footer outside the table, eg
| > > > <style type="text/css">
| > > > #footer{
| > > > background-color: white;
| > > > border-top:1px solid #333;
| > > > text-align:center;
| > > > }
| > > > </style>
| > > > <table>
| > > > .....stuff
| > > > </table>
| > > > <div id="footer">
| > > > footer stuff
| > > > </div>
| > > >
| > > > This way it will always be the full page width whatever other content
| > you
| > > > have
| > > >
| > > > Jon
| > > > microsoft MVP - FP
| > > >
| > > > "Dan V." <danv@yah.com> wrote in message
| > > > news:O866Jk%239DHA.3068@tk2msftngp13.phx.gbl...
| > > > > How do I get my page footer (included via web component in all pages
| > > which
| > > > > uses a layout table and cell) to have the same width on all pages.
| ie.
| > > the
| > > > > full page width? Some pages have large tables in them, and the
| footer
| > > > only
| > > > > goes across part of the bottom of the page. I used 100% Table
| column
| > > > width
| > > > > and "auto-scale cells with table' is turned on for the one cell in
| the
| > > > > layout table in the footer page.
| > > > >
| > > > >
| > > >
| > > >
| > >
| > >
| >
| >
|
|