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
| 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.
|
|
| | > 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 © 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
| > | > > 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?
| > >
| > > | > > > 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
| > > >
| > > > | > > > > 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.
| > > > >
| > > > >
| > > >
| > > >
| > >
| > >
| >
| >
|
|
