473,473 Members | 1,581 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

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 3965
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: 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
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...
1
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...
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,...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
muto222
php
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.