Fixed page banners

[Steve]

I have a requirement to place a single line banner "bar" at the top and
bottom of every page containing a security message. The bar has to occupy
the entire width of the page.

I am using a Panel to do this, and, for the top banner, can insert it just
before the opening form tag in the master page to get it where I want. I
have to set the body margin, top, and left to zero to get it to align
properly.

The component looks like this:

<aspanel ID="banner_top" runat="server" ForeColor="white"
BackColor="green" BorderColor="gold" BorderStyle="Solid" BorderWidth="1"
Width="100%" HorizontalAlign="Center" Height="15" Wrap="false"
Font-Names="Calibri" Font-Size="Smaller">Security Message Here</aspanel>


The bottom banner is a problem, however. It will appear at the bottom of the
form, but this may be in the middle of the page if it is too short to fill
the browser window, and may disappear if the page is too big.

How can I anchor the banner bar to the bottom of the browser window so that
it is anchored just above the status bar? It should always be on top, and
content should scroll behind it if necessary.

Any ideas would be very welcome.

Steve

 

[George]

I have a requirement to place a single line banner "bar" at the top and
bottom of every page containing a security message. The bar has to occupy
the entire width of the page.

I am using a Panel to do this, and, for the top banner, can insert it just
before the opening form tag in the master page to get it where I want. I
have to set the body margin, top, and left to zero to get it to align
properly.

The component looks like this:

<aspanel ID="banner_top" runat="server" ForeColor="white"
BackColor="green" BorderColor="gold" BorderStyle="Solid" BorderWidth="1"
Width="100%" HorizontalAlign="Center" Height="15" Wrap="false"
Font-Names="Calibri" Font-Size="Smaller">Security Message Here</aspanel>


The bottom banner is a problem, however. It will appear at the bottom of
the form, but this may be in the middle of the page if it is too short to
fill the browser window, and may disappear if the page is too big.

How can I anchor the banner bar to the bottom of the browser window so
that it is anchored just above the status bar? It should always be on top,
and content should scroll behind it if necessary.

Any ideas would be very welcome.

Steve

It's a common problem... google for something like 'keep footer on the
bottom'

George

 

[Steve]

Well, that was easy...

I found a good description here: http://www.alistapart.com/articles/footers

Thanks for your suggestion

Steve