Color
The width of this left sidebar is 7.5em. The width changes when the browser's fontsize is changed.
  • This is for demo purposes only. You will probably never want to put a non-scalable menu into a scalable column.
  • The menu's fontsize is 16px and its width is 120px; the left column has a width of 7.5em.
    Since most browsers use a conversion ratio of 1em = 16px for normal fontsize, the menu should fit exactly into the column only at normal fontsize.
  • Different browsers behave in different ways when the fontsize is changed. Change the default font-size in your browser to see how it affects the appearance.
How to change a browser's default font size
IE 6 View -> Text Size
IE7, Firefox, Netscape Ctrl + / -
Opera + / -
Safari Command + / -