Re: [css-d] Testing CSS for higher screen resolutions
snip My screen resolution is 1024x768, and the content of my site fits that window nicely. I want to test how it will behave on a monitor with higher resolution. /snip Hi Lisa, Another trick, which you may have already thought of, is to just play with the resolution on your own screen... assuming that 1024x768 isn't the highest setting you can crank your monitor to. If you're Windows-based, right-click on your desktop, select Properties, then select the Settings tab. You'll see a slider there that you can hopefully slide around for different resolution settings. Just make sure you select a setting that's in the correct proportion (4:3) to your current screen. There are also a couple sites out there that will run your sites at different resolutions and then send you screen captures of it... unfortunately, I can't remember the URL for those sites. Can anyone help me out? __ 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] Testing CSS for higher screen resolutions
There are also a couple sites out there that will run your sites at different resolutions and then send you screen captures of it... unfortunately, I can't remember the URL for those sites. Can anyone help me out? I've come across these, but not tried them myself: http://browsershots.org/ http://ipinfo.info/netrenderer/ http://www.browsercam.com/Default2.aspx HTH John __ 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] Testing CSS for higher screen resolutions
There are also a couple sites out there that will run your sites at different resolutions and then send you screen captures of it... unfortunately, I can't remember the URL for those sites. Can anyone help me out? I've come across these, but not tried them myself: http://browsershots.org/ http://ipinfo.info/netrenderer/ http://www.browsercam.com/Default2.aspx HTH John AND: HI, try this tiny freeware: http://www.softpedia.com/get/System/OS-Enhancements/ChangeRes.shtml Thanks Ariel and John -- I've been looking for both a site and a stand-alone app to help out with this. Lisa, I hope these links help you, too. :-) k. __ 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] Testing CSS for higher screen resolutions
Thanks, everyone, for your help! Lisa Kevin Doyle wrote: There are also a couple sites out there that will run your sites at different resolutions and then send you screen captures of it... unfortunately, I can't remember the URL for those sites. Can anyone help me out? I've come across these, but not tried them myself: http://browsershots.org/ http://ipinfo.info/netrenderer/ http://www.browsercam.com/Default2.aspx HTH John AND: HI, try this tiny freeware: http://www.softpedia.com/get/System/OS-Enhancements/ChangeRes.shtml Thanks Ariel and John -- I've been looking for both a site and a stand-alone app to help out with this. Lisa, I hope these links help you, too. :-) k. -- *LISA CLARKE* lisaclarke.net http://www.lisaclarke.net __ 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] Testing CSS for higher screen resolutions
Ah but caution. If you change your resolution in Windows, it will foul up your desktop arrangement. It will not be restorted if you again select your original rsolution. Bruce Another trick, which you may have already thought of, is to just play with the resolution on your own screen... assuming that 1024x768 isn't the highest setting you can crank your monitor to. If you're Windows-based, right-click on your desktop, select Properties, then select the Settings tab. You'll see a slider there that you can hopefully slide around for different resolution settings. Just make sure you select a setting that's in the correct proportion (4:3) to your current screen. __ 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] Testing CSS for higher screen resolutions
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Polka Dot Cottage Admin Sent: Friday, August 22, 2008 3:21 PM To: css-d@lists.css-discuss.org Subject: [css-d] Testing CSS for higher screen resolutions Hi. I'm new to the list, and relatively new to CSS, as well. I've taught myself quite a bit in the course of designing my website, but there is one problem I haven't been able to overcome: My screen resolution is 1024x768, and the content of my site fits that window nicely. I want to test how it will behave on a monitor with higher resolution. There will be plenty of unused space on a widescreen monitor, and I need to see how the content of the site is displayed in that environment. There are questions I can't answer in my own browser, such as - Does it center everything appropriately, or is everything left-justified? - Are the background images carried all the way throughout, or are there big white stripes on each side? - Are the three columns close together or spaced way apart? Hi Lisa, There is no need to *see* the site, these questions could be answered just by looking at the styles sheet. -- Regards, Thierry | http://www.TJKDesign.com __ 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] Testing CSS for higher screen resolutions
On 2008/08/22 18:20 (GMT-0400) Polka Dot Cottage Admin apparently typed: I'm new to the list, and relatively new to CSS, as well. I've taught myself quite a bit in the course of designing my website, but there is one problem I haven't been able to overcome: My screen resolution is 1024x768, and the content of my site fits that window nicely. I want to test how it will behave on a monitor with higher resolution. There will be plenty of unused space on a widescreen monitor, and I need to see how the content of the site is displayed in that environment. There are questions I can't answer in my own browser, such as - Does it center everything appropriately, or is everything left-justified? That depends on your CSS and your intent. - Are the background images carried all the way throughout, or are there big white stripes on each side? Same thing. - Are the three columns close together or spaced way apart? Example URL? Since a new laptop is not currently in the budget (darn!) is there some CSS trick I can employ to trick the system into thinking the resolution is higher than it is? Even if I have to use the horizontal scrollbar to see everything, that's fine. The trick is to not use 1024x768 in the first place, at least not exclusively. It's not necessary, and will constrain your mindset into a comfort zone rut. Even in Windows you can just change the resolutions as often as needed without rebooting. You can do this too in Mac and Linux. But in Linux, you can have 2 or 3 or 4 or more resolutions simultaneously - such as 1024x768, 1400x1050 1920x1440, all on a single CRT display. This you do by configuring as many custom user configurations as you wish, and logging in as each of those users separately on virtual screens, and hot-key switching among them as often as you want. Of course, you'll only be seeing the relative differences, not realistic ones. Realistic would mean changing to a display size appropriate to each selected resolution along with each logical switch. If you think this isn't simple enough, that's probably true. But what's also true is there's no need for you or your page design to care about resolution whatsoever. The web is naturally elastic, and really does not work well with the static magazine pages that most web sites amount to, at least, not outside a narrow range of anachronistic and low resolutions. With proper CSS, everyone can see more or less the same thing without regard to their display size or screen resolution. Various terms are used to describe this design method, such as elastic or fluid. Of course, elastic or fluid is not what most web sites do, so it takes a bit of work to find good example sites. Some elaborate ones can be found at http://cssliquid.com, while some more basic demos can be found in http://sperling.com/ http://fm.no-ip.com/auth/Sites/dlviolin.html http://fm.no-ip.com/auth/Sites/ksc/ -- Love is not easily angered. Love does not demand its own way. 1 Corinthians 13:5 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ 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] Testing CSS for higher screen resolutions
My answer: If you don't mind the wait, http://browsershots.org/ will give you some options and be able to actually see how it renders. My 2 cents... I am with you Lisa, I like to see how things look at different resolutions and such. Not saying the previous information was wrong at all, but some of us just aren't as versed in CSS, and don't know that we made a mistake/error just by looking at it. What was previously posted is correct, and *should* work, but I am a visual person. Ronald Reagan said Trust, but verify.. I trust that the CSS is correct, but I want to verify that it works before I release my site to the world realizing I overlooked 1 style and now look like an absolute fool. Two cents poorer, Keith D. __ 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] Testing CSS for higher screen resolutions
Here is what the left side looks like on my 1928 wide monitor. http://www.jimdavis.org/polkadot.jpg You may want to consider centering the header content for viewing on wider monitors. Jim www.jimdavis.org On Fri, Aug 22, 2008 at 3:20 PM, Polka Dot Cottage Admin [EMAIL PROTECTED] wrote: Hi. My screen resolution is 1024x768, and the content of my site fits that window nicely. I want to test how it will behave on a monitor with higher resolution. __ 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] Testing CSS for higher screen resolutions
Polka Dot Cottage Admin wrote: My screen resolution is 1024x768, and the content of my site fits that window nicely. I want to test how it will behave on a monitor with higher resolution. Lisa Viewing your page in Opera at zoom 90%, 80%, 50% will give you an idea of how it might look at a higher resolution. You're not doing too bad on this end, considering I run Mac Opera at minimum-font size 32 px. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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/