font a step too big on IE

They have: 6 posts

Joined: Sep 2004

hi. i'm having some font problems on a little project i'm doing. it looks like a blog but it's all static and there is no engine behind it. anyway to the point: Firefox renders the font nicely and how i want it to look (maybe a bit too small for some..but that's arguable) but in IE (and Opera) the font is rendered a step to high.

In my CSS file i've used the keyword small in the body and then used percentages off that. any ideas?

The Site
Stylesheet

thanks in advance!

ooh i'd like your advice on the font size. IS it too small? anyway the point of the thread is that the different browsers don't show the same size.

edit - sorry, is this the right section to put it in? feel free to move it.

James's picture

He has: 127 posts

Joined: Dec 2005

<?php
BODY
{
   
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: small;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: Verdana, sans-serif;
TEXT-ALIGN: center
}
?>

First few lines of your CSS.

Change "FONT-SIZE: small;" to "FONT-SIZE: 11px" or whatever you desire.

IE does not recognize "small" properly.

Best

free-space.net: free cpanel web hosting for new webmasters
sitemanaged: click here to visit our site
Premium quality web hosting for the elite webmasters and hosts. (ThePlanet and Savvis networks)
Contact me for a quote today and discuss your requirements.

DaveyBoy's picture

They have: 453 posts

Joined: Feb 2003

yeah i was gonna say to change it to an exact amount, you shudda asked me on msn sy Sticking out tongue

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Actually, I'd advise against using "px" as a unit (annoying when people do, actually). The reason I say this is because, if you set it to a set pixel size, they will not able to be resized in IE (for people with sight problems).

I would suggest using "em"s or a percentage.

They have: 6 posts

Joined: Sep 2004

Renegade wrote: Actually, I'd advise against using "px" as a unit (annoying when people do, actually). The reason I say this is because, if you set it to a set pixel size, they will not able to be resized in IE (for people with sight problems).

I would suggest using "em"s or a percentage.

yup that's the reason i was doing it. i'll try ems.

thanks everyone. (even you dave Sticking out tongue)

DaveyBoy's picture

They have: 453 posts

Joined: Feb 2003

hmmm yeah that IS true but then i'm selfish Laughing out loud

lol j/k

ok...i am!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Hmmm you can still use px, and use another javascript to control font resize in any browser... So that is not totally true that you CANT resize a px font...

For an example, go to my site...

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

demonhale wrote: Hmmm you can still use px, and use another javascript to control font resize in any browser... So that is not totally true that you CANT resize a px font...

For an example, go to my site...

I'm saying resize as in going to the menu and chosing the font size from there, of course you can do it with Javascript, but without it, you can't.

Busy's picture

He has: 6,151 posts

Joined: May 2001

font-size: small !important; works in IE6

with modern day browsers a fixed point font doesnt matter as the broswer can resize how it wants, IE is of course the odd one out that has preformance problems alround with CSS/XHTML (even HTML)

Busy's picture

He has: 6,151 posts

Joined: May 2001

disable javascript and you can't Wink

robbluther's picture

He has: 73 posts

Joined: Jan 2006

Isn't it easier to just use ems for resizing instead of writing Javascript to do it?

demonhale's picture

He has: 3,278 posts

Joined: May 2005

my point is you cant totally say theres no other way to resize a px font...

Read the thread, dont be so absolute in saying things can do or cant do that, there are other ways you can go around it... SEE THE POINT?

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Yes, demonhale, but we want it to be as easy as possible for someone who wants to resize fonts. I think the point it, if someone is used to resizing fonts in IE, they will likely use the standard way, which is through IE's menu. If they're already used to doing that, and you want to give them the option to resize, it would be easier on them if you stick with the standard.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I totally agree with the standard way of assigning em or % in fonts for resize, the post was merely to point out, that there are other ways, I know its easier replacing all your px to % and em , a third option wouldnt hurt if displayed on the site correctly. Novice visitors dont even care about the file edit view menu on the bar, they usually use the back forward and refresh buttons, and the things they can click on the site is much more important, thats why im pointing another option...

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.