IE 6 displays larger font size in div element that Firefox

[eholz1]

Hello ,

I have a web page that has a div element, with css applied to that
element.
Within the div is an ul with li tags, etc. the displayed font size in
IE is larger than the the font size in
firefox. Needless to say the code for the page in question is the
same.

I would like to font size to be the same for both browsers.
Here is a snippet of the code that creates the div element and its CSS.

Note i load this code into the page using the XHTTPRequestObject - aka
Ajax
the page name "systems.php" and the <div id="test">page code goes
here</div>

So i create the "Copy" div within the "test" div.

Page Code:
<div id="Copy">
<p>Company functions for Systems.</p>
<p class="warning">PRINCIPAL TASKS:</p>
<!--BLOCKQUOTE-->
<p>Advanced planning, systems engineering and integration, readiness
verification, technical oversight of contractors, and anomaly
resolution.</p>
<!--/BLOCKQUOTE-->
<p class="warning">CORE CAPABILITIES:</p>
<ul>
<li><em class="warning">Launch certification</em>,
including validation of flight vehicle processing and
certification for flight.<br>
&nbsp; </li>
<li><em class="warning">System of Systems Engineering</em>,
encompassing architecture, planning and development,
and modeling
and simulation.<br>
&nbsp; </li>
<li><em class="warning">Systems Development and
Acquisition</em>, including requirements analysis and
evaluation, and risk and
performance assessment.<br>
&nbsp;</li>
<li><em class="warning">Process Implementation</em>,
includes MILSPEC and standards reform and critical process
evaluation.<br>
&nbsp; </li>
<li><em class="warning">Technology Application</em>,
notably assessment of technology opportunities,
alternatives, and risks.</li>
</ul>
</div<!-- end copy div-->

the CSS for the Copy div is on the main page (intro.php). I use a
couple of other style sheets, as you can see, but changing the order
(who is first, etc) does not seem to change anything.
I do not override any ul or li tags in the other style sheets (I
think), there are ul and li tags in the other style sheet, but they are
associated with id tags: #header ul li { mystyle: nice; }, etc.

<style type="text/css" media="all"@import "css/v5.css"; </style>
<link rel="stylesheet" type="text/css" href="css/testmain1.css" />
<style type="text/css" media="all">
<!--
#Copy {
text-align: left;
margin: 0px 0px 0px 0px; /*top right bottom left*/
padding: 0px 0px 0px 6px; /* noted inconsistencies between */
/* browser types so be careful and
test */
display: block;
border-left: 1px solid #CCCCCC; /* can turn off borders when
appropriate */
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
overflow: auto;
height: 352px; /* set as necessary; can also set width to fixed
width */
width: auto;
vertical-align: top;
font-size:small;
text-decoration:none;
}
#Copy li {
font-family:Verdana, Arial, Geneva, sans_serif;
font-size:100%;
}
-->
</style>

Any suggestions or observations will be appreciated,

Thanks,

eholz1

[Beauregard T. Shagnasty]

eholz1 wrote:

I have a web page that has a div element, ...
I would like to font size to be the same for both browsers.
Here is a snippet of the code that creates the div element and its
CSS.

Please post the URL to the page with the problem. There is too much
missing from your snippet to make any kind of educated guesses.

--
-bts
-Motorcycles defy gravity; cars just suck

[VK]

eholz1 wrote:

Hello ,

I have a web page that has a div element, with css applied to that
element.
Within the div is an ul with li tags, etc. the displayed font size in
IE is larger than the the font size in
firefox.

<snip>

font-size:small;

<http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/fontsize.asp>
....
The property has a default value of medium. The Cascading Style Sheets
(CSS) attribute is inherited.

Remarks
As of Internet Explorer 6, when you use the !DOCTYPE declaration to
specify standards-compliant mode, the default value for this property
is small, not medium.

That's the first place to check.

[John Hosking]

eholz1 wrote:

>
I have a web page that has a div element, [...] the displayed font size in
IE is larger than the the font size in firefox.

the CSS for the Copy div is on the main page (intro.php). I use a
couple of other style sheets, as you can see,

but which we can't see :-(

but changing the order
(who is first, etc) does not seem to change anything.
I do not override any ul or li tags in the other style sheets (I
think), there are ul and li tags in the other style sheet, but they are
associated with id tags: #header ul li { mystyle: nice; }, etc.

<style type="text/css" media="all"@import "css/v5.css"; </style>
<link rel="stylesheet" type="text/css" href="css/testmain1.css" />
<style type="text/css" media="all">

#Copy { font-size:small; }

There's no requirement expressing how big a browser should render
font-sizes like this. Every browser maker can decide something
different, and also change their implementation with every version,
patch, or service pack.

You didn't mention which versions of the browsers mentioned you were
seeing this in. You also didn't say what you saw in Opera, Safari,
Konqueror, etc.

Depending on the font, browser, system, phase of the moon, etc., the
displayed size can be affected by rounding limitations. Maybe you're
bumping into something there.

What defaults are you using in each browser? In IE, the setting under
View|Text Size|Whatever might be Medium (the default as installed, I
believe), or it may be something else. In FF, a flick of the scroll
wheel on a mouse can bump the apparent text size up or down. Check your
test-browsers for adjustments you may have made.

How much is the difference displayed between the browsers? How (easily)
can you tell? And most important of all: does it matter? Trying to get
every browser to display every element exactly the same is not a very
product pursuit. As long as the page is functional (and looks reasonably
good in each separate browser), your work is done. BTW, I find "small"
to be a bit, well, small for me to see. I'd have to bump it up anyway.*

I'm not aware of text display sizes being affected by quirks mode
rendering, but an URL would have shown us what doctype you're using
(among other things). There are also inheritance oddities for texts
within tables (although it doesn't look like that's your situation).

As BTS said: no URL; no educated guess. So I give you: *uneducated*
guesses. ;-)

HTH
--
John

[eholz1]

Thanks for the tips. sadly the url is behind a secure firewall, and
intranet based only.

BUT - the tip about !DOCTYPE and IE (6.)) and the font-size attribute
helped out.
I deleted the font-size setting from the #Copy style, and set the
percentage for
the font for ul and li tags to 90%. I also added the ul tag to my
style def where the
#Copy li was, now is "#Copy ul li { font-size:90%; }

This seems to work fine with both browsers (IE 6.0, and Firefox 2.0)

Thanks again,

You group members are not as polite as those in comp.lang.php, but you
are just as skilled!!! :)

eholz1

VK wrote:

eholz1 wrote:

Hello ,

I have a web page that has a div element, with css applied to that
element.
Within the div is an ul with li tags, etc. the displayed font size in
IE is larger than the the font size in
firefox.

<snip>

font-size:small;

<http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/fontsize.asp>
...
The property has a default value of medium. The Cascading Style Sheets
(CSS) attribute is inherited.

Remarks
As of Internet Explorer 6, when you use the !DOCTYPE declaration to
specify standards-compliant mode, the default value for this property
is small, not medium.

That's the first place to check.

[John Hosking]

eholz1 wrote:

Thanks for the tips. sadly the url is behind a secure firewall, and
intranet based only.

Yes, secure firewalls make me sad. They're the worst kind.

>
BUT - the tip about !DOCTYPE and IE (6.)) and the font-size attribute
helped out.
I deleted the font-size setting from the #Copy style, and set the
percentage for
the font for ul and li tags to 90%. I also added the ul tag to my
style def where the
#Copy li was, now is "#Copy ul li { font-size:90%; }

90% of my preferred font-size? Wottsamatta? You don't like old people
using your site? Don't want 'em to see your stuff? Or is it because
you've suggested the rather-wide font Verdana as a first choice?

>
This seems to work fine with both browsers (IE 6.0, and Firefox 2.0)

Yay!

>
Thanks again,

You group members are not as polite as those in comp.lang.php, but you
are just as skilled!!! :)

You're welcome, And thank you for the compliment. I guess. What is it
about c.l.php that makes them so much more polite? Do they genuflect
over there or what? ;-)

Wishing you, dearest Appellant, the most productive and in all ways
successful continuation of your noble endeavors, on behalf of all other
newsgroupers and -groupees on c.i.w.a.s and other sites you may feel so
inclined to grace with your presence ('cause we *love* presents), I
thank you for bringing this fascinating query to our attention, and wish
you, further, a pleasant day. I remain, your most humble servant, etc.

--
John
(Politely ignoring the fact that the query was about an intranet and not
the www)