473,386 Members | 1,702 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,386 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 2298
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...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

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.