CSS renders incorrectly on forced footer hack

RESOLVED INCOMPLETE

Status

()

Firefox
General
--
minor
RESOLVED INCOMPLETE
11 years ago
8 years ago

People

(Reporter: siege911@gmail.com, Unassigned)

Tracking

3.0 Branch
x86
Windows XP
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [CLOSEME 2010-07-30], URL)

(Reporter)

Description

11 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b2) Gecko/2007121120 Firefox/3.0b2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b2) Gecko/2007121120 Firefox/3.0b2

This may not be a true bug as it is based on a CSS hack, however the hack renders correctly in Firefox 2 and IE7 so I figured I'd report it anyways.

When you use the CSS hack found on this website:
http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3

...it doesn't work correctly.

Note that I basically followed that hack to the letter. The only difference between my code and that code is the margin-bottom number is 398px to match the size of the image in my footer, however that is explained in the hack thread itself.


It brings the image up into the bottom of the page rather than below the page. If you go to the url www.temple-of-lore.com/siege911, you'll notice that it only happens on the Homepage and the Contact Page. I'm not sure why the other 2 pages render correctly but when I was messing around with it, I noticed that occasionally the other 2 pages had the same problem. I haven't been able to reproduce it on those pages though.

Also note that the results may vary depending on screen resolution. I was able to reproduce it on a laptop with 1280x768 resolution and only on the contact page with 1280x1024. I recommend a resolution with a height no larger than 768px.

Reproducible: Always

Steps to Reproduce:
1. Change screen resolution to 1024x768 or other medium/low resolution setting.

2. Visit www.temple-of-lore.com/siege911
OR
Follow instructions on http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3 using a fairly large image as the footer with not enough text to cover the entire screen.
Actual Results:  
The footer image goes up and behind the text on the index page and contact page.

Expected Results:  
The footer image should be just below the last piece of content as it does in Firefox 2 and IE7.
Does this still happen in firefox 3.6.6 or later in a fresh profile?
Whiteboard: [CLOSEME 2010-07-30]
Version: unspecified → 3.0 Branch
No reply, INCOMPLETE. Please retest with Firefox 3.6.8 or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 8 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.