473,396 Members | 2,061 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.

CSS Footer

Hi
I am having difficulty in placing a footer at the bottom of my page. Can
anyone suggest what I'm doing wrong?
www.clickatdepaul.org
Regards
Gary

--
Regards

Gary Finnigan
ICT Co-ordinator - Click@depaul
Depaul Trust
26 Forth Place
Newcastle on Tyne
NE1 4EU
Tel: 0191 2618080
Fax: 0191 2220101
Mob: 07919 320062
Email: ga***********@depaultrust.org
Website: www.clickatdepaul.org
---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.677 / Virus Database: 439 - Release Date: 04/05/2004
Jul 20 '05 #1
4 3963
On Thu, 6 May 2004 13:54:28 +0100, Gary Finnigan <gj********@talk21.com>
wrote:
Hi
I am having difficulty in placing a footer at the bottom of my page. Can
anyone suggest what I'm doing wrong?
www.clickatdepaul.org


http://www.clickatdepaul.org

I don't see any footer there when looking with Opera or Mozilla. The right
column is placed too high in Opera, there is a vertical scrollbar in
Mozilla. I don't think you should use 'float' and 'position:absolute' on
the same element.

The text is very small; clicking at the + buttons makes it blow out way
too large, distorting the layout, in Opera and Mozilla.

The style sheet starts like this:

@media screen, tv, handheld, projection
a:link {

.... which doesn't make sense. The @media block should be enclosed in {},
like this:

@media screen, tv, handheld, projection {
alink {
....

}

--
Rijk van Geijtenbeek

The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen
Jul 20 '05 #2
"Rijk van Geijtenbeek" <ri**@opera.com> wrote:
On Thu, 6 May 2004 13:54:28 +0100, Gary Finnigan <gj********@talk21.com>
wrote:
I am having difficulty in placing a footer at the bottom of my page. Can
anyone suggest what I'm doing wrong?
www.clickatdepaul.org
http://www.clickatdepaul.org

I don't see any footer there when looking with Opera or Mozilla.


IE doesn't show anything that looks like a footer either.
The right column is placed too high in Opera, there is a vertical scrollbar
in Mozilla. I don't think you should use 'float' and 'position:absolute' on
the same element.
Float and position: absolute can not be combined:

"[float] may be set for elements that generate boxes that are not
absolutely positioned"
http://www.w3.org/TR/CSS2/visuren.html#propdef-float

"Otherwise, 'position' has the value 'absolute' or 'fixed', 'display'
is set to 'block' and 'float' is set to 'none'."
http://www.w3.org/TR/CSS2/visuren.html#propdef-float

(In addition, float and position: relative causes problems in some
browsers (notably Opera) as discussed in a recent thread.)
The text is very small; clicking at the + buttons makes it blow out way
too large, distorting the layout, in Opera and Mozilla.
And oddly, the middle button produces larger text than the right hand
(largest + icon) button.
The style sheet starts like this:

@media screen, tv, handheld, projection
a:link {

... which doesn't make sense. The @media block should be enclosed in {},


This was pointed out to the OP a month ago:
http://groups.google.com/groups?selm...0np4%404ax.com
Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #3
On Thu, 6 May 2004 13:54:28 +0100, Gary Finnigan <gj********@talk21.com>
wrote:
Hi
I am having difficulty in placing a footer at the bottom of my page. Can
anyone suggest what I'm doing wrong?
www.clickatdepaul.org
Regards
Gary

--
Regards

Gary Finnigan


I had the same problem like you, and here's the best example solution i
found: http://www.inknoise.com/experimental/layoutomatic.php
It works perfect in all browsers.
Jul 20 '05 #4
Tobias Schlemmer <to**************@gmx.de> wrote in message news:<op**************@News.Individual.DE>...
I had the same problem like you, and here's the best example solution i
found: http://www.inknoise.com/experimental/layoutomatic.php
It works perfect in all browsers.


inknoise shows a horizontal scroller on FireFox 0.8 (yuck).
Jul 20 '05 #5

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

Similar topics

82
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | ...
7
by: Darin | last post by:
I have a report that sub-totals on a group, then grand-totals at the report footer. If there's only one group, the sub-total and grand total are redundant, so I only want to show one of them. I...
3
by: John Crowley | last post by:
I keep running into this over and over again... I want a block server control that renders a header and footer, and child controls in between. But I don't want a templated control, for the...
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: ...
6
by: tshad | last post by:
I need to get to a status label I have on my footer section of my datalist. There is no event happening that would go to the footer. I am just doing some processing and want to update the label...
0
by: LilBuh | last post by:
Hello :) this is a repost... i ve been looking for a way since last week ... i have a template html file that i modify from my code... i need to print this file without IE's Header and Footer or...
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...
13
Death Slaught
by: Death Slaught | last post by:
I have my entire page in my "main" div. div.main { width: 100%; height: 100%; border: 1px solid gray; } on the left of the page I have a banner.
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?
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
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
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,...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.