From: Cory Perry <[EMAIL PROTECTED]> >Ok, if you go to http://www.simplebits.com/ and you resize the text in >either Firefox or in IE by using the options up in the toolbar to make >the text smaller or larger, the entire site expands when you do it. On >my project, if you resize the text the same way, the text will get >larger but the structure of the site does not stretch to make it still >look perfect. Does that make sense? So, I am curious to know how this >works. Is it by setting everything as percentages rather than a fixed >pixel size?
Cory, The simplebits style sheet for the fluid page shows that Dan has used percentages for widths on layout elements. This means that as you adjust your browser width, the size of anything with a percentage width will resize. The page still stays within the viewport, however, if you increase the text size via browser controls. If you want /everything/ to grow or shrink proportionately with text-resizing, you'll need to use ems for widths and heights, among other things, in addition to using them for your text size. Thus, if you set a margin of 1em, it will be relative to the user's text size, and if that text size is increased, the /visual/ effect would be that the margin appears wider. However, it would still equate to 1em based on the newly resized text size. Here's an article that might provide some information about em-based layouts. http://www.communitymx.com/abstract.cfm?cid=DB750 I hope that helps, ~holly ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
