CSS Gurus: Have a question on text sizing?

[Horny Dude]

Is there a way with CSS to keep my website font size the same? This way if someone comes to my site with their default font size set at 27, it will look the same as someone with their font size 16. I have tried using 'em' instead of 'px', but no luck. Any help would be great.

[Deej]

no - best you can do is prevent spacing issues with overflow:auto;

[Serge Litehead]

static sizes defined by px, relative by ems

good article on topic http://www.alistapart.com/articles/howtosizetextincss/

[Deej]

hrmmm... if you define it by actual pixels it wont change when a surfer ups their text size?

I thought i tried that once...

ill have to experiment again...

[beta-tester]

Just set the font-size in px instead of em and it'll be fixed to the size, no matter what's the default text size in surfer's browser.

[PSSuperstars]

Can any of you recommend a good CSS for dummies book, por favor?

[Deej]

Just set the font-size in px instead of em and it'll be fixed to the size, no matter what's the default text size in surfer's browser.

I swore i tested that before - apparently im mistaken... totally good to know, got a wrinkle in my brain


and PSS - just look through other sites and w3c has a lot of useful basic info...

no book, just research

[devine]

html{font-size:16px;}

and that's it

[Young]

* { font-size: 16px; }

Overkill for many...but that's how I'd take care of it.

[Tom_PM]

I thought you could use !important to help keep things an exact size.. even to override a browser with a modified text size.

[pimplink]

very helpful thread

[Bored]

Be aware, that some browsers don't ZOOM like they are supposed to. Its been a while, but I think it might be IE6 that uses its own zooming technique, different from the standard ctrl+-

[Bored]

!important makes the CSS rule overrule any other CSS rule

div { color: red!important }
div { color: blue; }

in this case, it would take the red, keep in mind how specificity and the cascade works too