471,598 Members | 1,188 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,598 software developers and data experts.

spaces become line breaks

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
?

Sep 12 '07 #1
4 2104
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.
Sep 12 '07 #2
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. It can be done with creative
use of line-height for the footer (1.8 perhaps).

OP might try removing px size for font on footer and also putting
in &nbsp; instead of the spaces in that text.

BTW, the design looks nice if the user does not enlarge text more
than a click or two. The html looks clean and simple, perhaps
better to make the nav a list...

--
dorayme
Sep 12 '07 #3
Scripsit dorayme:
OP might try removing px size for font on footer and also putting
in &nbsp; instead of the spaces in that text.
.... or using the CSS way, white-space: nowrap, instead of &nbsp;. I usually
advocate &nbsp; for many purposes, since it works even when CSS is off, but
here the problem only appears when CSS is in use, so a CSS approach is
natural.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Sep 13 '07 #4
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.
Sep 13 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by Porthos | last post: by
1 post views Thread by Chris Sharman | last post: by
5 posts views Thread by joelbyrd | last post: by
135 posts views Thread by Xah Lee | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Anwar ali | last post: by

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.