I don't like fixed width pages personally (my computer should do what I
want, not what someone else wants me to want), but you can appease more
reasonable people by changing "width: NNNpx" statements to "width: NNem"
or "max-width: NNem".

Using "em" rather than "px" fixes the width at a certain number of times
the height of the element's font, so you should always get the same
number of characters on a line, no matter the user's font size.

Using "max-width" instead of "width" makes life easier for people who
have particularly narrow screens (or large fonts), but will give you
problems with IE.  Then again everything gives you problems with IE, so
I generally code to the standard then add IE-specific CSS by adding
something like:

<!--[if lt IE 7]>
<link href="ie6.css" type="text/css" rel="stylesheet">
<![endif]-->
<!--[if lte IE 7]>
<link href="ie7.css" type="text/css" rel="stylesheet"/>
<![endif]-->

This gives you an "ie6.css" file that's rendered in all IEs before IE7,
and an ie7.css that's rendered in all IEs before IE8.  IE8 allegedly
won't need its own file of special cases, but it should be obvious how
to extend the technique if you find that's not the case.  This technique
is based on that recommended by the IE team for including IE-specific CSS:

http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx

        - Andrew

-- 
Ubuntu-devel-discuss mailing list
Ubuntu-devel-discuss@lists.ubuntu.com
Modify settings or unsubscribe at: 
https://lists.ubuntu.com/mailman/listinfo/ubuntu-devel-discuss

Reply via email to