473,221 Members | 2,199 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,221 software developers and data experts.

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 2290
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Derek | last post by:
I have some third party sponsor banners on my website and since installing the entire page pauses loading then displays the whole page. It seems that the page is waiting on the banners. Is there a...
82
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | ...
7
by: DaWoE | last post by:
Hi, I want to place a div centered of another div in IE. I get this to work in Mozilla, but not in IE. The code i use for mozilla is the following : <html> <head> <style type="text/css">
6
by: paul reed | last post by:
Hello, I have two environments, QA and Production. When the users are testing, I want them to know they are in the QA environment versus the Production enviroment. One solution would be to use...
4
by: Patrick Rouse | last post by:
Please point me to the correct newsgroup if this is the wrong place to post this question. My website is written in simple HTML and hosted on a windows server at secureserver.net (via GoDaddy). ...
2
by: sgMuser | last post by:
Hi, I am not a good developer of Javascript codes. Needs this help to make some modification to this famous free javascript from Anarchos. i am using this in one of my webpage. What it does is,...
0
by: mmcgee00 | last post by:
Hi, Currently, I am trying to get different service banner by connecting to different ports using python (code below). The versions I am working with are python 4.2.1 and fedora core 4. I am...
0
by: jasone | last post by:
Hey guys, im creating a website that will be mostly powered by php. I will start by giving you some backgroound: I want the website to be totally dependant, so the user can update it all...
10
by: Yohann L. | last post by:
Hello. I would like to have an horizontal banner which autoadjust its width to 100% of the page width. So, I've sliced the image banner in three parts, but don't find a way to do the middle one...
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.