RE: CSS oddity in IE5

by Chuck Evans <Chucke(at)captura.com>

 Date:  Wed, 19 Jul 2000 10:10:50 -0700
 To:  "'Keith Purtell'" <kpurtell(at)vantagemed.net>,
hwg-techniques(at)hwg.org
  todo: View Thread, Original
I think it is because your indents are specified in em units. An em unit is
proportional to the font size you specify (being roughly the width of the
capital M character). Specify your indents using pixels or some other
measurement.

---------------------------------------------------------
Chuck Evans
Web Marketing Manager
Captura Software, Inc.
(425) 424-1155
chucke(at)captura.com
http://www.captura.com


-----Original Message-----
From: Keith Purtell [mailto:kpurtell(at)vantagemed.net]
Sent: Wednesday, July 19, 2000 8:41 AM
To: hwg-techniques(at)hwg.org
Subject: CSS oddity in IE5


I've been building an external style sheet for an intranet with several
classes that let me modify font size. When I use the classes with the
paragraph tag, IE5 will move the paragraphs containing the smaller size
slightly to the left, and move the paragraphs with the larger size text to
the right. Netscape does not do this. I've tried wrapping these paragraphs
in DIV tags and using BR clear="all" without results. Any ideas on why this
happens? TIA, and here is some code from the CSS external doc and the test
HTML doc ...

P {
font-family: Georgia, Times, 'Times New Roman', serif;
font-style: normal;
text-align: left;
margin-left: 2.5em;
margin-right: 2.5em}
.MIN2 {
font-size: .75em}
.PL2 {
font-size: 2em}


<P CLASS="MIN2"><B>P</B> CLASS=MIN2 same as <B>P</B> except smaller</P>
<P><B>P</B> No CLASS, just ordinary <B>P</B></P>
<P CLASS="PL2"><B>P</B> CLASS=PL2 same as <B>P</B> except larger</P>


Keith Purtell, Web Designer

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.