473,395 Members | 1,975 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

nested lists

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
7 4395
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
> 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
*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
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
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

25
by: chad | last post by:
I am writing a program to do some reliability calculations that require several nested for-loops. However, I believe that as the models become more complex, the number of required for-loops will...
15
by: Xah Lee | last post by:
Here's the belated Java solution. import java.util.List; import java.util.ArrayList; import java.lang.Math; class math { public static List range(double n) { return range(1,n,1); }
0
by: Knepley, Jim | last post by:
I'm basing some work on Joe Celko's excellent idea of using nested sets to represent an organizational structure as opposed to an adjacency list. By and large it's a great idea, but not without its...
4
by: Lee K. Seitz | last post by:
I'm still relatively new to stylesheets. I'm trying to do something that seemed fairly simple on the surface, but is proving to be a challenge. I have a set of nested lists: <ul> <li>Side...
4
by: steven | last post by:
Hi, I want to make nested lists like <ul id="nested"> <li>level1 item</li> <ul> <li>level2 item</li> <li>level2 item</li> </ul> <li>level1 item</li>
6
by: jwvai316 | last post by:
I don't really know how to say it so I just say it a nested linklist. How do you make LinkLists inside LinkList? Can anyone help me for this? I think an example program will help me a lot. ...
7
by: patrick j | last post by:
Hi I'm wondering about lists with nested lists as one does on a Saturday afternoon. Anyway below is an example of a list with a nested list which the iCab browser's very useful HTML...
0
by: mutt1170 | last post by:
I have a checkbox list nested inside a gridview. The gridview pulls its data from an objectdatasource and lists countries. The nested checkbox list is databound to another object datasource and...
7
by: Zethex | last post by:
Im a bit new to python. Anyway working on a little project of mine and i have nested lists ie Answer = , ] and so forth.., Anyway the amount of ] do increase over time. Im just wondering...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

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.