Font Family Not Respected in Netscape?

This shows the correct font in IE6 but not in Netscape 7.0, what should be fixed?


#div1
{
position: absolute;
font-size: 12px;
font-weight: 500;
font-family : Verdana, Geneva, Tahoma, Arial Helvetica, Monotype.com , sans-serif;
color:Olive;
overflow: hidden;
right:4;
top: 8;
z-index: 7;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

Thanks.

Hi,

you should not use Monotype.com: just Monotype, that´s working. Anyway,
it´s maybe better not to use white-space for CSS definitions, because
older Netscape versions sometimes don´t like that. E.g.:

font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,Monot ype,sans-serif;

Regards, Horst

bdwise wrote:

This shows the correct font in IE6 but not in Netscape 7.0, what should be fixed?


#div1
{
position: absolute;
font-size: 12px;
font-weight: 500;
font-family : Verdana, Geneva, Tahoma, Arial Helvetica, Monotype.com , sans-serif;
color:Olive;
overflow: hidden;
right:4;
top: 8;
z-index: 7;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

Thanks.

bdwise wrote:

This shows the correct font in IE6 but not in Netscape 7.0, what
should be fixed?


#div1
{
position: absolute;
font-size: 12px;
font-weight: 500;
font-family : Verdana, Geneva, Tahoma, Arial Helvetica, Monotype.com
, sans-serif; color:Olive;
overflow: hidden;
right:4;
top: 8;
z-index: 7;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

Don't know if it's _the_ problem but you need a comma after Arial. I'm not
sure what monotype.com is and you need to define units for right and top.

--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.

bdwise wrote:

This shows the correct font in IE6 but not in Netscape 7.0, what should be fixed?


#div1
{
position: absolute;
font-size: 12px;
font-weight: 500;
font-family : Verdana, Geneva, Tahoma, Arial Helvetica, Monotype.com , sans-serif;
color:Olive;
overflow: hidden;
right:4;
top: 8;
z-index: 7;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

Try

#div1
{
position: absolute;
font-size: 12px;
font-weight: 500;
font-family : Verdana, Geneva, Tahoma, Arial, Helvetica, "Monotype.com"
, sans-serif;
color:Olive;
overflow: hidden;
right:4px;
top: 8px;
z-index: 7;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

you can check your CSS at
http://jigsaw.w3.org/css-validator/validator-text.html
IE is not the right tool to tell you whether your CSS is syntactically
correct.

--

Martin Honnen
http://JavaScript.FAQTs.com/

bradwiseathome (AT) hotmail (DOT) com (bdwise) wrote:

This shows the correct font in IE6 but not in Netscape 7.0, what should be fixed?

URL?

#div1
{
position: absolute;
font-size: 12px;

It's a bad to set font sizes in pixels as IE users can't resize them.

font-weight: 500;
font-family : Verdana, Geneva, Tahoma, Arial Helvetica, Monotype.com , sans-serif;

Verdana is a poor choice for use in an author stylesheet for reasons
that have been given here many times.

If you really mean a font called Arial Helvetica than it's recommended
that you quote it "Arial Helvetica". On the other hand if you mean the
fonts Arial and Helevetica then you're missing a comma.

Monotype.com should also be quoted. It's this that's causing your
problem.

color:Olive;

What's the background colour? How do you know that I haven't got an
olive background in my user stylesheet?

overflow: hidden;

How do we read the content when it's larger than the container?

right:4;
top: 8;

4 what? 8 what? Maybe you want the div to be positioned 4 miles from
the right hand side, but the browser has to guess that.

z-index: 7;
padding: 0 0 0 0;
margin: 0 0 0 0;

Wouldn't margin: 0; and padding: 0; be quicker?

}

http://jigsaw.w3.org/css-validator/

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>