By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,492 Members | 1,955 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,492 IT Pros & Developers. It's quick & easy.

CSS Footer

P: n/a
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
Share this Question
Share on Google+
4 Replies


P: n/a
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

P: n/a
"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

P: n/a
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

P: n/a
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 discussion thread is closed

Replies have been disabled for this discussion.