473,396 Members | 1,900 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,396 software developers and data experts.

Simple Footer problem

This isn't an ASP.NET question as such.

I need to design a page with the following:

header of 60 px height

content which scales

footer of 60 px height.

I need the footer to sit at the bottom of the page, but i keep getting a
line underneath the footer when viewing in FireFox. If i remove the form
tag then this works fine. Please could someone advise me on the best way to
do the layout. I'm not opposed to using divs, but i need cross-browser
ability.

Many thanks.
Nov 19 '05 #1
4 1140
Are there form elements in your header and footer? If not, you could
just move the <form></form> stuff inside the main content cell. I
tried this:

<body>
<table cellspacing="0" cellpadding="0" border="1" width="100%">
<tr height="60">
<td>Header Goes Here</td>
</tr>
<tr>
<td>
<form id="Form1" method="post" runat="server">
Main Content<br>
</form>
</td>
</tr>
<tr height="60">
<td>Footer Goes Here</td>
</tr>
</table>
</body>

I don't see any empty space under the table when I make the content
cell large enough to make the page scroll.

-Phil

Nov 19 '05 #2
Thanks Phil,

I guess it's an issue with the way in which FireFox displays Form items.
This method will work, although if anyone knows how to do the same with div,
then I'd appreciate knowing.

Thanks.
"Phillip Ian" <ph****@comcast.net> wrote in message
news:11**********************@f14g2000cwb.googlegr oups.com...
Are there form elements in your header and footer? If not, you could
just move the <form></form> stuff inside the main content cell. I
tried this:

<body>
<table cellspacing="0" cellpadding="0" border="1" width="100%">
<tr height="60">
<td>Header Goes Here</td>
</tr>
<tr>
<td>
<form id="Form1" method="post" runat="server">
Main Content<br>
</form>
</td>
</tr>
<tr height="60">
<td>Footer Goes Here</td>
</tr>
</table>
</body>

I don't see any empty space under the table when I make the content
cell large enough to make the page scroll.

-Phil

Nov 19 '05 #3
Eek! Table tags! I have a css div/span only page that shows up identical in
firefox, ie, netscape, opera, blah blah You can email me direct for a more
readable version? userid=Michael.Baltic email server=NCMC.com

Heres the markup

<body ms_positioning="FlowLayout">
<form id="frmLogout" method="post" runat="server">
<div id="page">
<div id="pageBanner">
<a href="http://www.ag.state.oh.us" tabindex="-1"><img
src="../media/banner/ag_header.jpg" alt="Ohio Attorney General - Jim Petro">
</a>
</div> <!-- id pageBanner-->
<div id="pageBannerPrint">
<a href="http://www.ag.state.oh.us" tabindex="-1"><img
src="../media/banner/print_header.jpg" alt="Ohio Attorney General - Jim
Petro"></a>
</div>
<div id="pageSubBannerInline">
<div id="appIcon">
<a href="#" tabindex="-1"><img src="../media/banner/AG_Rx.gif" alt="AGRx">
</a>
</div> <!--id appIcon-->
<div id="appMenu">
</div> <!--id appMenu-->
</div> <!--id pageSubBannerInline-->
<div id="pageHeader">
<h1>Logout</h1>
</div> <!-- id pageHeader -->
<div id="pageContentContainer">
<div id="pageDescription"> </div> <!-- id pageDescription -->
<div id="pageContentNoSidebar">
<div class="pageStatusLabel">
<asp:label id="lblStatus" runat="server"></asp:label>
</div> <!-- class pageStatusLabel -->
<div class="form">
<h1>You have successfully logged out</h1>
</div> <!-- class form -->
</div> <!-- id pageContentNoSidebar -->
</div> <!-- id pageContentContainer -->
<div id="pageFooter">
<span>The office of Attorney General of Ohio disclaims liability for any
errors or
omissions. Prescription drug prices may vary from day to day, so the
price that you find at your pharmacy may not be the same price that
appears in
this survey. Please contact your pharmacist to verify current pricing
before
visiting the pharmacy.</span>
</div> <!-- id pageFooter --> </div> <!-- id page -->
</form>
</body>

--
Staff Consultant II - Enterprise Web Services - Cardinal Solutions Group

Future Business Model - National City Mortgage
"Douglas Adams" wrote:
Thanks Phil,

I guess it's an issue with the way in which FireFox displays Form items.
This method will work, although if anyone knows how to do the same with div,
then I'd appreciate knowing.

Thanks.
"Phillip Ian" <ph****@comcast.net> wrote in message
news:11**********************@f14g2000cwb.googlegr oups.com...
Are there form elements in your header and footer? If not, you could
just move the <form></form> stuff inside the main content cell. I
tried this:

<body>
<table cellspacing="0" cellpadding="0" border="1" width="100%">
<tr height="60">
<td>Header Goes Here</td>
</tr>
<tr>
<td>
<form id="Form1" method="post" runat="server">
Main Content<br>
</form>
</td>
</tr>
<tr height="60">
<td>Footer Goes Here</td>
</tr>
</table>
</body>

I don't see any empty space under the table when I make the content
cell large enough to make the page scroll.

-Phil


Nov 19 '05 #4
Thanks Michael, I've sent you an email, the email address i use for these
forums is doug4345345 at hotmail.co.uk
"Michael Baltic" <Mi***********@discussions.microsoft.com> wrote in message
news:CC**********************************@microsof t.com...
Eek! Table tags! I have a css div/span only page that shows up identical
in
firefox, ie, netscape, opera, blah blah You can email me direct for a
more
readable version? userid=Michael.Baltic email server=NCMC.com

Heres the markup

<body ms_positioning="FlowLayout">
<form id="frmLogout" method="post" runat="server">
<div id="page">
<div id="pageBanner">
<a href="http://www.ag.state.oh.us" tabindex="-1"><img
src="../media/banner/ag_header.jpg" alt="Ohio Attorney General - Jim
Petro">
</a>
</div> <!-- id pageBanner-->
<div id="pageBannerPrint">
<a href="http://www.ag.state.oh.us" tabindex="-1"><img
src="../media/banner/print_header.jpg" alt="Ohio Attorney General - Jim
Petro"></a>
</div>
<div id="pageSubBannerInline">
<div id="appIcon">
<a href="#" tabindex="-1"><img src="../media/banner/AG_Rx.gif" alt="AGRx">
</a>
</div> <!--id appIcon-->
<div id="appMenu">
</div> <!--id appMenu-->
</div> <!--id pageSubBannerInline-->
<div id="pageHeader">
<h1>Logout</h1>
</div> <!-- id pageHeader -->
<div id="pageContentContainer">
<div id="pageDescription"> </div> <!-- id pageDescription -->
<div id="pageContentNoSidebar">
<div class="pageStatusLabel">
<asp:label id="lblStatus" runat="server"></asp:label>
</div> <!-- class pageStatusLabel -->
<div class="form">
<h1>You have successfully logged out</h1>
</div> <!-- class form -->
</div> <!-- id pageContentNoSidebar -->
</div> <!-- id pageContentContainer -->
<div id="pageFooter">
<span>The office of Attorney General of Ohio disclaims liability for any
errors or
omissions. Prescription drug prices may vary from day to day, so the
price that you find at your pharmacy may not be the same price that
appears in
this survey. Please contact your pharmacist to verify current pricing
before
visiting the pharmacy.</span>
</div> <!-- id pageFooter --> </div> <!-- id page -->
</form>
</body>

--
Staff Consultant II - Enterprise Web Services - Cardinal Solutions Group

Future Business Model - National City Mortgage
"Douglas Adams" wrote:
Thanks Phil,

I guess it's an issue with the way in which FireFox displays Form items.
This method will work, although if anyone knows how to do the same with
div,
then I'd appreciate knowing.

Thanks.
"Phillip Ian" <ph****@comcast.net> wrote in message
news:11**********************@f14g2000cwb.googlegr oups.com...
> Are there form elements in your header and footer? If not, you could
> just move the <form></form> stuff inside the main content cell. I
> tried this:
>
> <body>
> <table cellspacing="0" cellpadding="0" border="1" width="100%">
> <tr height="60">
> <td>Header Goes Here</td>
> </tr>
> <tr>
> <td>
> <form id="Form1" method="post" runat="server">
> Main Content<br>
> </form>
> </td>
> </tr>
> <tr height="60">
> <td>Footer Goes Here</td>
> </tr>
> </table>
> </body>
>
> I don't see any empty space under the table when I make the content
> cell large enough to make the page scroll.
>
> -Phil
>


Nov 19 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Xavier Onassis | last post by:
I would be grateful for recommendations for a CSS layout (header, 2 cols, footer) that can accomodate dynamically added elements. I am not having any luck so far getting this to work in...
0
by: David Rose | last post by:
Hello I know nothing of XSL but was wondering if it was possible to do the following: Given an XML template: <template> <register TagPrefix="whatever" TagName="Template"...
2
by: Galina | last post by:
Hello I have a report, which lists records. Each record has money paid field. Money paid can be 0 or not 0. I calculate and print summary of money for a group in the group footer, as well as...
9
by: tshad | last post by:
How do I find (and set) a couple of labels in the Footer after a DataGrid is filled? I have a bunch of DataGrids that get displayed nested inside a DataList. The datagrid looks like: ...
11
by: Grischa Brockhaus | last post by:
Hi, I'm trying to produce a div layout containing a header on the top with fixed height, a footer on the bottom using fixed height and a content layer using what's left of the browsers window. ...
26
by: pamelafluente | last post by:
Hi , I have a DIV element in a page with a lot of other stuff (the page can scroll several times) absolutely positioned: <div id="MyDIV" <br<brFooter </div> Just after the page load, I...
13
by: Greg | last post by:
Most suggestions on this topic recommend to use a page footer and make it visible only on the last page. My problem is that the footer is half of the height of a page which means the detail would...
5
by: Annie | last post by:
hello guys, I have a scenario that I am confused about ... I have a number of pages which are using a Master page ... Then I have seperate Footer user control that can reside in master page...
0
by: gnewsgroup | last post by:
Well, I am trying to use the footer row of a GridView for insertion purpose. There are some articles about this, for example, the gridviewguy.com has an example, which always displays the footer...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
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?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
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,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

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.