By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,972 Members | 1,134 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,972 IT Pros & Developers. It's quick & easy.

nowrap in li applied to whole ul in IE

P: n/a
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.

Oct 11 '06 #1
Share this Question
Share on Google+
3 Replies


P: n/a
On 2006-10-11, dgoodmaniii <dg*********@hotmail.comwrote:
[snip]
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?
Evidently. Your understanding of what should happen is correct.
If so, is there a workaround?
Don't know. Stab in the dark, but you could try replacing the spaces in
the <li>s with &nbsp; and then not using white-space: nowrap.
Oct 11 '06 #2

P: n/a
dgoodmaniii wrote:
>
http://gorpub.freeshell.org

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>.
Use the white-space property on the <aelement instead of the <li>

--
Berg
Oct 11 '06 #3

P: n/a
Use the white-space property on the <aelement instead of the <li>

Great; that did the trick. Don't know why I couldn't think of it. Now
if I could just get IE to quit putting that stupid blue border around
the image link...

Thanks to all who helped out. It's also good to know that my thoughts
about proper behavior were correct.

Oct 11 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.