James Ward wrote:
> FF is inserting what looks like a 1px gap between the
> #content-wrapper and the #footer.
>
> But here's the really strange bit - it only affects two of the pages
> even though the same sheet is styling all of them.
> The URL is www.joansironingservice.co.uk
>
> The affected pages are:
> www.joansironingservice.co.uk/prices.html
> www.joansironingservice.co.uk/customers.html
The gap _may_ affect _any_ page on that site, and most sites on the web.
The whole thing is Mozilla's "overprecise", high-resolution targeting,
calculations that sometimes happen to hit the wrong number of
screen-pixel on a low-resolution - but quite normal - screen.
More precisely: it is caused by non-pixel unit's deviation from exact
pixel-values - resulting in fractions when added up. The exact height of
containers - #content-wrapper in your case - doesn't add up exactly to
the last pixel, and you may get a gap since the following container -
#footer - does start at the "correct" (or full) pixel.
Declared font-size and applied font-resizing at the user-end is of
course also affecting the result.
There no "perfect" cure for it (other than to declare dimensions in
pixels, maybe, and that's not an option in most cases and certainly not
in yours.
The only _working_ solution is to create an overlap between
#content-wrapper and #footer, so the visible gap can't appear.
So, either...
#content-wrapper {margin-bottom: -1px;}
...or...
#footer {margin-top: -1px;}
...is enough to cover the gap.
Such a workaround must of course be in the global stylesheet - affecting
all pages, as it is easy to make the gap appear in Firefox in every
single one of them, simply by applying a bit of font-resizing at the
user-end.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
