Fixed page banners


S

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:

<asp:panel 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</asp:panel>


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
 
Ad

Advertisements

G

George

Steve said:
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:

<asp:panel 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</asp:panel>


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
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top