469,631 Members | 1,348 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,631 developers. It's quick & easy.

Text display differences in IE 6 vs. Firefox

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

Dec 15 '06 #1
5 5761
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

Dec 15 '06 #2
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

Dec 15 '06 #3

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

Dec 15 '06 #4

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

Dec 15 '06 #5

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

Dec 15 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

8 posts views Thread by Cool Guy | last post: by
7 posts views Thread by Eric Lindsay | last post: by
10 posts views Thread by Eric Lindsay | last post: by
4 posts views Thread by drew197 | last post: by
14 posts views Thread by Roger Withnell | last post: by
3 posts views Thread by JaRudzik | last post: by
11 posts views Thread by jimstruckster | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.