[css-d] setting up a rule for different monitors
I've got a 2 column layout. Fixed, elastic - float -left When I preview on a 19 in monitor, (1024 X 768) and zoom in on the text, the text wraps at 775 px. (width set to 775px) When I preview on a 19in monitor, (800 X 600) the text flows off to the right. (horizontal scroll bar kicks in, which isn't great when you are reading a lot of text) If I set the width to 580px, I'm okay. Is it possible to set a rule for different monitors resolutions? Can the browser sense what resolution the monitor a web surfer is using? Any other solutions using css thanks in advance chris Web site URL http://inno-vision.ca/thetreeoflifecentre/index.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] setting up a rule for different monitors
On 17-Mar-08, at 8:53 PM, [EMAIL PROTECTED] wrote: Is it possible to set a rule for different monitors resolutions? Old articles [1] and [2], but I'm sure they're still good to peruse. Can the browser sense what resolution the monitor a web surfer is using? Yes; however resolution alone does not indicate the actual width that is being used. Browser toolbars/infobars and/or a non-maximised window can reduce both the horizontal and vertical space on offer. Any other solutions using css You could use percentages for widths - this will allow the browser to dynamically resize the content to fit the available space. Best, - Rahul. [1] http://particletree.com/features/dynamic-resolution-dependent-layouts/ [2] http://www.themaninblue.com/writing/perspective/2006/01/19/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/