Text display differences in IE 6 vs. Firefox

[eholz1]

Hello Group,

I am developing a web site using CSS. I have a div that has a vert
scroll bar in it. The div works just fine (scroll up and down, etc).
I have regular text (using <ptags) in the div, as well as an
unordered list - with 3 or 4 list items. The display of text in the
scroller div is just fine in firefox.

When I look at the same page using IE 6 - my li text is larger (font
size) than the text in the <ptags.

this happens only with ie 6. Is there some sort of "fix" that will
allow ie to have the same text display as firefox??? In my css i do
have this: but I think it just deals with the width of my divs (I
hope).
this is from my secondary css file
* html div#mainContent {
/* value for ie browsers width was 310*/
width: 310px;
/* value for MAC IE browsers */
w\idth: 290px;
}

I am using two css files, and a few lines of css in the document in
question.

I have this code in my "top" css file:
html body {font-size:small;}

I believe the rest of my css is "ok" since what I am doing is not
exotic - but I must be missing something between IE and Firefox.

Any suggestions,

Thanks,

eholz1

[Steve Pugh]

eholz1 wrote:

I am developing a web site using CSS.

And the URL is?

I have a div that has a vert
scroll bar in it. The div works just fine (scroll up and down, etc).
I have regular text (using <ptags) in the div, as well as an
unordered list - with 3 or 4 list items. The display of text in the
scroller div is just fine in firefox.

Have you considered the usability impact of this sort of construction?
Although irrelevant to the problem at hand I would advise against
having scrolling regions within a page - I've never heard a user say
anything other than bad things about them.

When I look at the same page using IE 6 - my li text is larger (font
size) than the text in the <ptags.

Without being able to see the HTML and CSS for the entire page this is
very hard to debug. Post the URL.

this happens only with ie 6.

As opposed to what? IE5? IE 5.5? IE7? Mac IE5?
Do these all display the same as FireFox?

I have this code in my "top" css file:
html body {font-size:small;}

Several things,

1. IE<7 does not support the child selector so html>body is often
used to hdie styles from IE<7. But at least some of these browsers
treated it html body as html body and did apply the rule, so the
spaces around the should be omitted.

2. Depending on whether you trigger quirks or standards mode IE6 may
treat 'small' as the same as the browser default (i.e. it emulates IE5)
or as smaller than the default (as FireFox does).

3. Setting your body text size to something that is smaller than the
user's chosen default is probably a bad idea.

4. This shouldn't be able make li elements display larger than p
elements. Are you setting font-size anywhere else?

Without a URL there's not a lot than can be done.

Steve

[Andreas Prilop]

On 14 Dec 2006, eholz1 wrote:

I have this code in my "top" css file:
html body {font-size:small;}

[ ] Hang
[X] Tar and feather
[ ] Tie to a horse and drive out of the town

[Andy Dingley]

Andreas Prilop wrote:

On 14 Dec 2006, eholz1 wrote:

I have this code in my "top" css file:
html body {font-size:small;}

[ ] Hang
[X] Tar and feather
[ ] Tie to a horse and drive out of the town

Don't forget they didn't post a URL either. Feathers are too good for
this one, lets break out the porcupine quills we had left over from
Andkon

[Andy Dingley]

Andreas Prilop wrote:

On 14 Dec 2006, eholz1 wrote:

I have this code in my "top" css file:
html body {font-size:small;}

[ ] Hang
[X] Tar and feather
[ ] Tie to a horse and drive out of the town

Don't forget they didn't post a URL either. Feathers are too good for
this one, lets break out the porcupine quills we had left over from
Andkon

[eholz1]

Steve Pugh wrote:

eholz1 wrote:

I am developing a web site using CSS.

And the URL is?

As far as the url, no can do - this is a secured intranet web site -
and behind a firewall.

>

I have a div that has a vert
scroll bar in it. The div works just fine (scroll up and down, etc).
I have regular text (using <ptags) in the div, as well as an
unordered list - with 3 or 4 list items. The display of text in the
scroller div is just fine in firefox.

As far as the scrollbar - i concur with your thought, but the scroll
bar was requested by management (higher than me!).

Have you considered the usability impact of this sort of construction?
Although irrelevant to the problem at hand I would advise against
having scrolling regions within a page - I've never heard a user say
anything other than bad things about them.

When I look at the same page using IE 6 - my li text is larger (font
size) than the text in the <ptags.

Without being able to see the HTML and CSS for the entire page this is
very hard to debug. Post the URL.

this happens only with ie 6.

As opposed to what? IE5? IE 5.5? IE7? Mac IE5?
Do these all display the same as FireFox?

we are a mandated IE 6.0 house - there are a few macs, but do not
have a mac to test it on.

>

I have this code in my "top" css file:
html body {font-size:small;}

Several things,

1. IE<7 does not support the child selector so html>body is often
used to hdie styles from IE<7. But at least some of these browsers
treated it html body as html body and did apply the rule, so the
spaces around the should be omitted.

2. Depending on whether you trigger quirks or standards mode IE6 may
treat 'small' as the same as the browser default (i.e. it emulates IE5)
or as smaller than the default (as FireFox does).

3. Setting your body text size to something that is smaller than the
user's chosen default is probably a bad idea.

4. This shouldn't be able make li elements display larger than p
elements. Are you setting font-size anywhere else?

Without a URL there's not a lot than can be done.

Steve

I will check some of the other suggestions