473,385 Members | 1,359 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,385 software developers and data experts.

Without Microsoft font specs x-small is bigger than small for Verdana

Using IE 6.x (whatever is the latest) on Windows 2000.

For these two CSS definitions if I remove the 2 lines that have the
"mso-" font family definitions (mso-fareast-font-family, and
mso-bidi-font-family) then the "SmallerText" assigned as a class to a
div tag produces larger text than the "SmallerText2". So x-small is
treated as a bigger font size than plain old small.

How the heck is one supposed to know all the MS stuff one needs to add
to CSS to make CSS behave the way it is supposed to in IE?

Also, x-small, small and medium are bigger in IE than in Mozilla. How
to adjust for this to make pages look the same on both browsers and
yet still use relative font sizes?
div.SmallerText
{color:#000;
margin:0in;
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:x-small;
font-family:"Verdana,Arial";
mso-fareast-font-family:"Verdana,Arial";
mso-bidi-font-family:"Verdana,Arial";}
div.SmallerText2
{color:#000;
margin:0in;
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:small;
font-family:"Verdana,Arial";
mso-fareast-font-family:"Verdana,Arial";
mso-bidi-font-family:"Verdana,Arial";}
Jul 20 '05 #1
7 3924
"Randall Parker" <te**********@futurepundit.com> wrote in message
news:d7**************************@posting.google.c om...
Using IE 6.x (whatever is the latest) on Windows 2000.

For these two CSS definitions if I remove the 2 lines that have the
"mso-" font family definitions (mso-fareast-font-family, and
mso-bidi-font-family) then the "SmallerText" assigned as a class to a
div tag produces larger text than the "SmallerText2". So x-small is
treated as a bigger font size than plain old small.

How the heck is one supposed to know all the MS stuff one needs to add
to CSS to make CSS behave the way it is supposed to in IE?

Also, x-small, small and medium are bigger in IE than in Mozilla. How
to adjust for this to make pages look the same on both browsers and
yet still use relative font sizes?
div.SmallerText
{color:#000;
margin:0in;
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:x-small;
font-family:"Verdana,Arial";
mso-fareast-font-family:"Verdana,Arial";
mso-bidi-font-family:"Verdana,Arial";}
div.SmallerText2
{color:#000;
margin:0in;
margin-bottom:.0001pt;
punctuation-wrap:simple;
text-autospace:none;
font-size:small;
font-family:"Verdana,Arial";
mso-fareast-font-family:"Verdana,Arial";
mso-bidi-font-family:"Verdana,Arial";}


A few things,

First, your CSS is not valid. Run it through the CSS validator. E.g., in
font-family:"Verdana,Arial", drop the quotes: there is no font named
"Verdana,Arial".

Second, mso-fareast-font-family and mso-bidi-font-family are not valid CSS.
I don't know what IE will do with this, but other browsers will ignore it.

Third, punctuation-wrap is also not valid CSS. Neither is text-autospace.

Fourth, font sizing is different with IE6 than it is with IE 4 or IE5. You
should code around this.

I suggest that you review the CSS specs and go back to the drawing board.


Jul 20 '05 #2
To answer my own question about font sizes: The problem has to do with
DOCTYPE. MS Word's export of HTML doesn't appear to specify the
DOCTYPE. If IE doesn't find a DOCTYPE at the type it goes into its own
quirky extended different way of interpreting CSS.

I put this DOCTYPE at the top of the document and then began fixing
the CSS and HTML to be more consistent in hehavior across browser:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
te**********@futurepundit.com (Randall Parker) wrote in message news:<d7**************************@posting.google. com>...
Using IE 6.x (whatever is the latest) on Windows 2000.

For these two CSS definitions if I remove the 2 lines that have the
"mso-" font family definitions (mso-fareast-font-family, and
mso-bidi-font-family) then the "SmallerText" assigned as a class to a
div tag produces larger text than the "SmallerText2". So x-small is
treated as a bigger font size than plain old small.

How the heck is one supposed to know all the MS stuff one needs to add
to CSS to make CSS behave the way it is supposed to in IE?

Also, x-small, small and medium are bigger in IE than in Mozilla. How
to adjust for this to make pages look the same on both browsers and
yet still use relative font sizes?

Jul 20 '05 #3
te**********@futurepundit.com (Randall Parker) wrote:
To answer my own question about font sizes: The problem has to do with
DOCTYPE. MS Word's export of HTML doesn't appear to specify the
DOCTYPE. If IE doesn't find a DOCTYPE at the type it goes into its own
quirky extended different way of interpreting CSS.
In quirks mode IE treats CSS font-size: small; as being equivalent to
the browser default. In standards mode it treats CSS font-size:
medium; as being equivalent to the browser default.

Also note that some doctypes trigger quirks mode, so it's not just a
case on including a doctype, but a case of including the right one.
I put this DOCTYPE at the top of the document and then began fixing
the CSS and HTML to be more consistent in hehavior across browser:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">


You should only use that doctype on a frameset page. As IE is
incapable of displaying the contents of <noframes> there is no way
that you could have seen the text sizing issue. A non-frameset page
(even one that is displayed inside a frameset) should use a different
doctype.

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 #4
Steve Pugh wrote:
IE is incapable of displaying the contents of <noframes>


Surely it can handle <noframes>!

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #5
Brian <us*****@julietremblay.com.invalid> wrote:
Steve Pugh wrote:
IE is incapable of displaying the contents of <noframes>


Surely it can handle <noframes>!


Really? How do you configure IE to display the <noframes> content
instead of the frames? (IIRC Mac IE 3 had such an option but no other
version of IE has). If you can't then my original point, that the OP
couldn't have observed the font sizing issue in a page correctly using
a frameset doctype stands.

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 #6
Am Sat, 17 Jul 2004 16:06:06 +0100 schrieb Steve Pugh <st***@pugh.net>:
Brian <us*****@julietremblay.com.invalid> wrote:
Steve Pugh wrote:
IE is incapable of displaying the contents of <noframes>
Surely it can handle <noframes>!


Well, it handles it correctly by not displaying it, when there are frames
it can use. OTOH it also erronously does not display the content of
'noframes', when there are no frames.
Really? How do you configure IE to display the <noframes> content
instead of the frames?


Funny,

frame {display: none}

more or less works, but

noframes, noframes * {display: block}

does not.

--
A bus station is where a bus stops,
a train station is where a train stops,
on my desk I have a work station...
Jul 20 '05 #7
Steve Pugh wrote:
Brian <us*****@julietremblay.com.invalid> wrote:
Steve Pugh wrote:
IE is incapable of displaying the contents of <noframes>


Surely it can handle <noframes>!


Really? How do you configure IE to display the <noframes> content
instead of the frames?


After reinserting my brain into my head, I see that you are of course
correct.

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Zak McGregor | last post by:
Hi all I have a simple 3 column css layout here: http://www.carfolio.com/newlook.dhtml However, when the centre column is wider than the screen (yes, it does happen on some pages on the site...
7
by: Fabian Neumann | last post by:
Hi! I got a problem with font-family inheritance. Let's say I have CSS definitions like: p { font:normal 10pt Verdana; } strong { font:normal 14pt inherit;
4
by: Csaba Gabor | last post by:
What I'd like to do is to be able to set the font of a textarea element to the same font that another element is using (say, for example, an <INPUT type=text ...> element, but if that's a no go,...
15
by: chart43 | last post by:
> I work on Windows (unfortunately). But I regularly view my work in a Mac > (IE5.x and Safari). I do not notice the phenomenon that you describe. > But then, it hardly seems relevant. What's...
13
by: Emanuele Calo' | last post by:
Hi, I've defined a CSS with this selector: #IUPBarCode{ font-family : "3 of 9 Barcode"; font-size: 30px; font-weight : normal; position: absolute; top: 150px; left: 22px; }
14
by: Viken Karaguesian | last post by:
Hello all, It stinks being a newbie! One thing that I'm not sure about with CSS is: where is the "proper" place to put font attibutes? This has me a little confused. Take the below style sheet...
6
by: Kamilche | last post by:
I have a large project that is getting complex, and I would like to print the docstrings without importing the modules. The only Python utility I could find references is apparently defunct and...
2
by: Billy Greening | last post by:
I have an application in C# that was written as a bunch of individual CS files. I would like to combine these all into single solution that can be editied with the Visual Studio 2003 editor. Does...
4
by: razvan | last post by:
I need advice about adding security to a web service without using WSE, as the clients will run Win98.
5
by: Weenizzle | last post by:
I'm new at VB. My friend actually coded this and he's away for awhile. I've been sitting for awhile trying to figure out what I've done wrong. I'm decent at web design but not with VB. Please help! ...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
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: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
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
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.