Fixed page banners

  • Thread starter Thread starter Steve
  • Start date Start date
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
 
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
Click to expand...


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

George
 
Back
Top