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

nested lists

P: n/a
I have a number of unordered lists nested within ULs nested within ULs
nested within ULs. I have set the style for LI to be .7em.
Mozilla gives me the layout as I imagined it, with the lists indented
and all at .7em.
MSIE, however, shows the indented lists, but the font gets smaller and
smaller as the lists nest deeper and deeper. Presumably, it is
inheriting the properties of the list it is nested in, thereby giving
me 70% of the previous font size, until I end up with barely more than
a coloured line.
I am using the following DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

I'm guessing that MSIE is displaying it all wrong and Mozilla got it
right. Is this so? Am I doing something wrong (or expecting something
that shall not be)? Should I be looking for an error in my html or
css, or is this to be expected from MSIE?
Thanks.
Jul 20 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a
Jane Withnolastname <Ja**********************@yahoo.com> wrote:
I have a number of unordered lists nested within ULs nested within ULs
nested within ULs. I have set the style for LI to be .7em.
Mozilla gives me the layout as I imagined it, with the lists indented
and all at .7em.
MSIE, however, shows the indented lists, but the font gets smaller and
smaller as the lists nest deeper and deeper. Presumably, it is
inheriting the properties of the list it is nested in, thereby giving
me 70% of the previous font size, until I end up with barely more than
a coloured line.


A URL would help.

If your markup is correct (i.e. the nested <ul> is inside one of the
<li> of the parent) then MSIE is correct.

Do you have a minimum font size set in your preferences in Mozilla?
That will stop the shrinking.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2

P: n/a
> I have a number of unordered lists nested within ULs nested within
ULs
nested within ULs. I have set the style for LI to be .7em.
Mozilla gives me the layout as I imagined it, with the lists indented and all at .7em.
By that I assume you mean that all the lists show the same size font.
MSIE, however, shows the indented lists, but the font gets smaller and smaller as the lists nest deeper and deeper. Presumably, it is
inheriting the properties of the list it is nested in, thereby giving me 70% of the previous font size, until I end up with barely more than a coloured line.
That is what I would have imagined it would do. 0.7em is relative
font size and it has to be applied to something and I would expect
that something to be the font size inherited from the parent element.
I'm guessing that MSIE is displaying it all wrong and Mozilla got it
right. Is this so?
I am with MSIE on this one, as is Opera and Mozilla Firebird.
Am I doing something wrong (or expecting something
that shall not be)? Should I be looking for an error in my html or
css, or is this to be expected from MSIE?


I think you are expecting the wrong thing though I may be horribly
wrong. I don't know if this is a known problem with certain versions
of Mozilla, or if you are likely to be triggering an obscure problem
with a combination of correct html and css, or if you have made an
error.


Jul 20 '05 #3

P: n/a
*Jane Withnolastname* <Ja**********************@yahoo.com>:

I have a number of unordered lists nested within ULs nested within ULs
nested within ULs. I have set the style for LI to be .7em.
li {font-size: 0.7em}

Little^W stupid if you didn't increase the font-size before, but let's
assume you did.
Mozilla gives me the layout as I imagined it, with the lists indented
and all at .7em.
Probably a set minimum font-size comes into play.
MSIE, however, shows the indented lists, but the font gets smaller and
smaller as the lists nest deeper and deeper.


Sure, but nothing

li li {font-size: 1em}

wouldn't fix.

--
"Not only does God play dice with the universe,
but sometimes he throws them where they cannot be seen."
Stephen Hawking
Jul 20 '05 #4

P: n/a
On Thu, 13 Nov 2003 10:35:49 -0000, "Graham J" <me@privacy.net> wrote:
I'm guessing that MSIE is displaying it all wrong and Mozilla got it
right. Is this so?


I am with MSIE on this one, as is Opera and Mozilla Firebird.


I guess this is a lesson for me: although MSIE is always wrong and
Mozilla is always right, that's not always the case!
Jul 20 '05 #5

P: n/a
On Thu, 13 Nov 2003 16:19:15 +0100, Christoph Paeper
<cr***********@gmx.net> wrote:
*Jane Withnolastname* <Ja**********************@yahoo.com>:

I have a number of unordered lists nested within ULs nested within ULs
nested within ULs. I have set the style for LI to be .7em.


li {font-size: 0.7em}

Little^W stupid if you didn't increase the font-size before, but let's
assume you did.
Mozilla gives me the layout as I imagined it, with the lists indented
and all at .7em.


Probably a set minimum font-size comes into play.


I wasn't aware there was such a setting, but when I found it, it was
set to None.
MSIE, however, shows the indented lists, but the font gets smaller and
smaller as the lists nest deeper and deeper.


Sure, but nothing

li li {font-size: 1em}

wouldn't fix.


This did indeed fix my problem. Thanks.
Jul 20 '05 #6

P: 2
I found a sollution for nested unordered lists with relative font-size, but it just works for internet explorer. It works like this:
If your ul font-size is 85%, you assign to your ul ul (nested list) a 100%.
ul
{
font-size: 85%;
}

ul ul
{
font-size: 100%;
}

Does someone know how to fix the same problem for firefox?

REgards,

Marķa
www.vivelibre.net
Jun 15 '06 #7

P: 2
Sorry, I had a problem in my css so dindnt work ok before.. .but its ok.
Hope it'll be usefull for somebody :)
REgards,

Marķa
www.vivelibre.net
Jun 15 '06 #8

This discussion thread is closed

Replies have been disabled for this discussion.