On 2007-09-12, dorayme <do************@optusnet.com.auwrote:
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
>On 2007-09-12, alice <al***@fearofdolls.comwrote:
Can someone tell me why, in IE7, the spaces in the footer (C 2007
ESSENCE) become line breaks on this this page
http://s195679515.onlinehome.us/essence/index.html
?
My guess is that it's computing the shrink-to-fit width of the float
that that's in incorrectly.
You could try removing float: left on #footer because I don't think you
need it anyway. That way its computed width should be much wider and
there should be plenty of room and so no line breaks.
The auto width of an ordinary block box as opposed to a float is easier
to work out so maybe there's more chance IE7 will be able to do it
right.
Removing the float makes the spacing above the copyright text
trickier to manage in this design.
That may be because the element has a top margin. I can't get back to
the original page now to have a look, but if clearance on a box works
out to more than its top margin then the top margin doesn't appear-- in
a sense the clearance is considered to "count" as margin.
But not if it's a float. The spec spells out the former case, but for
floats speaks of "top outer edge" being below "bottom outer edge", which
implies all the margins have to be in place (and margins don't collapse
between floats either).
(This is at the end of 9.5 in CSS2.1, recently made even more confusing
in the 2007-07-19 version).
use of line-height for the footer (1.8 perhaps).
An alternative might be padding-top on the footer since I think it has a
transparent background anyway.