As usuall the page I’ve been making just look like it exploded when viewed in IE (internet exploder). I solved it for now (in a hurry) by making a special .css that can be used without anything exploding in ones face…
But I do know how ugly that kind of solution is. How do you all do it? (Yes, Andreas, I am looking at your direction… ;))
I would like to use em for every single thing. So that when I change textsize in my browser, the whole page looks the same, only bigger. Is that even possible outside my protected world of firefox? Maye it’s not. Maybe I’ll spend next week remaking my css so that it gets more fixed in size and less flexible and more boring… =P
One recomendation vidde, download firefox 3 portable (no installation, no registry changes, just one folder to delete) and test your stuff with it aswell.
It would suck for FF to be updated to 3.x and break your page, FF has a diffrent rendering engine and might choke on ugly-hacks in CSS.
http://portableapps.com/apps/internet/firefox_portable/test
i can’t live without those “portable” apps. They absolutely ROX. Makes it possible to use apps without needing admin access and no changes to the host system.
Portable4tw 🙂
anyway….. hope you get it to work.
I’ve answered this already in another post, but I’ll repeat it just because it is really the one answer to the question “how do you do it?”.
Two words: Valid code.
I can’t see any problems with using em all the way through, I’ve done that a few times to achieve the “resize-it-all” effect you write about. You’ll need to define a whole lot of values to make sure to override default browser values, but it is perfectly possible to do.
But the first thing you should aim for is to get rid of hacks, fixes, patches and browser-specific code (such as conditional CSS for IE) and replace it with code that validates – both the (X)HTML and the CSS. That’s step one, but a step that will take a whole lot of annoyances away for you.
I needed to solve the problem rather quickly, so I used px in some places instead. Now I *think* it will work…