Good day, all. I've been having this problem for a long time and it's
finally driven me to abandon my own resources and get some help. I've
been unable to find a similar problem discussed before on the list.
Here's the url: http://gorpub.freeshell.org. The stylesheet is
goretsty.css. For my questions, eliminate the </ul><ulin the middle
of the <div class="toolbar">; I've only got that there as a stopgap to
make the site appear at least marginally well-designed. My problem
comes when I remove these tags, which I'd really like to do to help
remove formatting difficulties when users shrink the window size. I'd
like the lists to wrap well on their own.
Firefox displays the list elements perfectly well, in exactly the way
I'd expect it to. There are no breaks within <lielements---there
being a white-space: nowrap; directive for them in the stylesheet---but
there are breaks between the <lielements---there being no such
directive for the <ulas a whole. Great.
IE freaks out and refuses to break the <ul>, even when explicitly told
to break normally with white-space: normal;. When I remove the
white-space: nowrap; from the <listyling, however, it then breaks the
<liin the middle, as one would expect.
So, to summarize: Firefox applies the white-space: nowrap; only to the
<lielement in which I actually put it; IE applies it to the entire
<ul>. This forced me to put in a manual break which I'd like to get
rid of, if I can.
Is this a bug in IE? If so, is there a workaround?
Thanks.