468,554 Members | 1,470 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,554 developers. It's quick & easy.

Bottom Banner

I want a banner to appear at the bottom of each page of a web app. I
created a user control that describes the banner and have it placed in all
my pages. For the most part it functions as needed. The exception is when
the content of the web page is longer than the screen. The user has to
scroll for the full content, but the bottom banner still appears at the
bottom of the screen, so it appears across the main body content on small
windows.

How can I have a banner appear at the bottom of the window, but force itself
to be below all the content if the content ends up being longer than the
window?

Thanks.

Jerry
Jan 17 '06 #1
3 2112
This is a question of styling. Try something like this:

<html>
<body>
<div id="MainSection" Style="height:90%;overflow: auto;margin-bottom:10pt;">
<p>Fill up plenty of text in this section to test the division scroll
bar....</p>
</div>
<div id="Footer" style="border-top:1pt black solid;">
This footer will always take 10% of the height of the screen while the main
section will
display a scroll bar if it were longer than 90% of the screen.
<div>
</body>
</html>

--
HTH,
Phillip Williams
http://www.societopia.net
http://www.webswapp.com
"rl*****@newsgroups.nospam" wrote:
I want a banner to appear at the bottom of each page of a web app. I
created a user control that describes the banner and have it placed in all
my pages. For the most part it functions as needed. The exception is when
the content of the web page is longer than the screen. The user has to
scroll for the full content, but the bottom banner still appears at the
bottom of the screen, so it appears across the main body content on small
windows.

How can I have a banner appear at the bottom of the window, but force itself
to be below all the content if the content ends up being longer than the
window?

Thanks.

Jerry

Jan 17 '06 #2
Thanks, Phillip - I appreciate the feedback.

"Phillip Williams" <Ph**************@webswapp.com> wrote in message
news:2C**********************************@microsof t.com...
This is a question of styling. Try something like this:

<html>
<body>
<div id="MainSection" Style="height:90%;overflow: auto;margin-bottom:10pt;"> <p>Fill up plenty of text in this section to test the division scroll
bar....</p>
</div>
<div id="Footer" style="border-top:1pt black solid;">
This footer will always take 10% of the height of the screen while the main section will
display a scroll bar if it were longer than 90% of the screen.
<div>
</body>
</html>

--
HTH,
Phillip Williams
http://www.societopia.net
http://www.webswapp.com
"rl*****@newsgroups.nospam" wrote:
I want a banner to appear at the bottom of each page of a web app. I
created a user control that describes the banner and have it placed in all my pages. For the most part it functions as needed. The exception is when the content of the web page is longer than the screen. The user has to
scroll for the full content, but the bottom banner still appears at the
bottom of the screen, so it appears across the main body content on small windows.

How can I have a banner appear at the bottom of the window, but force itself to be below all the content if the content ends up being longer than the
window?

Thanks.

Jerry

Jan 17 '06 #3
That's good.

Hi Jerry,

Also, you can use an html <table> to structure your page's main layout,
e.g: divide the page into three table rows and top banner and bottom banner
are put in the top and bottom table rows.....

In addition, if you're using asp.net 2.0, the master page is also a good
choice :)

Regards,

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)
--------------------
| From: <rl*****@newsgroups.nospam>
| References: <O5**************@TK2MSFTNGP09.phx.gbl>
<2C**********************************@microsoft.co m>
| Subject: Re: Bottom Banner
| Date: Tue, 17 Jan 2006 14:58:55 -0500
| Lines: 55
| X-Priority: 3
| X-MSMail-Priority: Normal
| X-Newsreader: Microsoft Outlook Express 6.00.2800.1506
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1506
| Message-ID: <e3**************@tk2msftngp13.phx.gbl>
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: 198.160.134.100
| Path: TK2MSFTNGXA02.phx.gbl!TK2MSFTNGP08.phx.gbl!tk2msft ngp13.phx.gbl
| Xref: TK2MSFTNGXA02.phx.gbl
microsoft.public.dotnet.framework.aspnet:371514
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| Thanks, Phillip - I appreciate the feedback.
|
| "Phillip Williams" <Ph**************@webswapp.com> wrote in message
| news:2C**********************************@microsof t.com...
| > This is a question of styling. Try something like this:
| >
| > <html>
| > <body>
| > <div id="MainSection" Style="height:90%;overflow:
| auto;margin-bottom:10pt;">
| > <p>Fill up plenty of text in this section to test the division scroll
| > bar....</p>
| > </div>
| > <div id="Footer" style="border-top:1pt black solid;">
| > This footer will always take 10% of the height of the screen while the
| main
| > section will
| > display a scroll bar if it were longer than 90% of the screen.
| > <div>
| > </body>
| > </html>
| >
| > --
| > HTH,
| > Phillip Williams
| > http://www.societopia.net
| > http://www.webswapp.com
| >
| >
| > "rl*****@newsgroups.nospam" wrote:
| >
| > > I want a banner to appear at the bottom of each page of a web app. I
| > > created a user control that describes the banner and have it placed in
| all
| > > my pages. For the most part it functions as needed. The exception is
| when
| > > the content of the web page is longer than the screen. The user has
to
| > > scroll for the full content, but the bottom banner still appears at
the
| > > bottom of the screen, so it appears across the main body content on
| small
| > > windows.
| > >
| > > How can I have a banner appear at the bottom of the window, but force
| itself
| > > to be below all the content if the content ends up being longer than
the
| > > window?
| > >
| > > Thanks.
| > >
| > > Jerry
| > >
| > >
| > >
|
|
|

Jan 18 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by Derek | last post: by
6 posts views Thread by paul reed | last post: by
4 posts views Thread by Patrick Rouse | last post: by
reply views Thread by mmcgee00 | last post: by
reply views Thread by jasone | last post: by
10 posts views Thread by Yohann L. | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.