Re: [css-d] styling for two monitors
a sample page is here http://bradtrent.com/gallery3/gallery312.html I hope that's not your client. :-0 thank goodness, no, or I would be scared to tell him what I think I need to tell him - which is that it's his problem, and he should just shrink his browser window. He's here, sitting next to whatever celebrity the script is rotating him through http://bradtrent.com/bio.html That scared my dog. sorry. Sandy I have three monitors and I never have a problem like you described except for javascript, so I suspect that this is a local to your client thing. For example, my browser (Safari) always opens a window where the last window was, so I don't have any problems with any site opening between screens nor have I see this happen in any browser that runs on the Mac. HTH's Cheers, tedd __ 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] styling for two monitors
So you're client is maximizing (or manually sizing) their browser window to span multiple monitors. First, your site is not the ONLY one that they are going to have this complaint about. Second, if the client is doing this, then they are already used to the visual break from left-to-right on spreadsheets, documents, web pages, and everything else. What do they really want? Do they want you to anchor it to the left-side of the browser? What about dynamically centering it up to a certain width. Someone else suggested using max-width. I'd probably probe further to make sure the centering is their *real* complaint. The centering might only be a poor explanation on their part. For example, do they really mean that they would like it to be liquid and expand to fill their screen. Think about WHY someone would maximize a browser window across multiple screens. Visual impairment? If so, then restricting your page to ~1000 pixels width and fixed pixel sizes might be more of the problem. Do they simply like to ogle their amazing web site? My point is, find out WHY they are maximizing across two monitors, and why it is important *and okay* that the problem exists in many circumstances, but is unacceptable to them with their site. You may also want to explain that most users -- even those of us that are lucky enough to have multiple monitors, DON'T TYPICALLY expand the browser windows across multiple monitors. Think about that for a second. Even the best liquid layout would be visually hosed when you viewed it across 3800+ pixels. All of the text would run up into a few lines that would give you a migraine trying when trying to read 2 or 3 lines of text spanning horizontally across 2 or more monitors. Then you'd still have vertical stacks down the left (and right) sides of images, nav bars, etc. Just tell them that you'd be happy to fix the problem, but it goes OUTSIDE of standard web design practices and it will be a considerable cost increase. Hey Rob, I don't think the problem is visual impairment - the client is a photographer. There is almost no text on the site, so it's not that he is increasing his font size 'til it overflows the monitor. I think he just, as you suggested, simply likes to ogle his amazing web site. The next version of this site will probably have images that are sized to 90% of the browser window height, so that it gets really BIG for the really big monitors. I'm pretty sure I'll be in touch with you guys for help with that! OK, I'm going to write and ask what he's really after. Thanks a million, everybody! Sandy __ 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] styling for two monitors
On Jan 9, 2008, at 3:21 AM, Sandy wrote: I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html So the client maximises his/her browser over 2 monitors ? Sounds completely crazy, but I stopped being surprised by clients. body{max-width:1280px; margin:0} /* for good browsers */ see http://www.gunlaug.no/contents/wd_additions_14.html for IE 6 and max-width Philippe Thanks! This is usable, and maybe something I can propose to the guy. The shortcoming is that it may not take into account the monster size monitors of his most important clients - art directors. Is there a way of saying max-width:one monitor instead of max-width:1280px;? Sandy __ 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] styling for two monitors
You might want to check what happens if you resize the browser window in the vertical direction. I had the same problem on a site and had to remove the centering css so it could be viewed on monitors or hand held devices that have short screens in the vertical direction. Don - Original Message - From: Sandy [EMAIL PROTECTED] To: Philippe Wittenbergh [EMAIL PROTECTED]; CSS discuss css-d@lists.css-discuss.org Sent: Wednesday, January 09, 2008 8:34 AM Subject: Re: [css-d] styling for two monitors On Jan 9, 2008, at 3:21 AM, Sandy wrote: I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html So the client maximises his/her browser over 2 monitors ? Sounds completely crazy, but I stopped being surprised by clients. body{max-width:1280px; margin:0} /* for good browsers */ see http://www.gunlaug.no/contents/wd_additions_14.html for IE 6 and max-width Philippe Thanks! This is usable, and maybe something I can propose to the guy. The shortcoming is that it may not take into account the monster size monitors of his most important clients - art directors. Is there a way of saying max-width:one monitor instead of max-width:1280px;? Sandy __ 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/ -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.5.516 / Virus Database: 269.17.13/1214 - Release Date: 1/8/2008 1:38 PM __ 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] styling for two monitors
You might want to check what happens if you resize the browser window in the vertical direction. I had the same problem on a site and had to remove the centering css so it could be viewed on monitors or hand held devices that have short screens in the vertical direction. hey Don, Nope, vertical centring is here to stay. We aren't considering the needs of people with small monitors, just big ones. The target audience of this site is art directors, and they all have great, big monitors. They have tiny little web browsers, too, but if they are seriously considering my client for the job they aren't going to look at his site on the phone. Anyone who doesn't have a minimum 1024 x 768 monitor is going to need to scroll like crazy to see the site. Standing firm on this one! Sandy __ 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] styling for two monitors
Anyone who doesn't have a minimum 1024 x 768 monitor is going to need to scroll like crazy to see the site. You might want to google for vertical centering with a shim div. Nice article which keeps the top part of your site from being cut off if the visitor has resized their browser to a vertical height less than ~800px. That sounds really useful - thanks! Sandy __ 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] styling for two monitors
On 09-Jan-08, at 10:19 PM, Sandy wrote: Anyone who doesn't have a minimum 1024 x 768 monitor is going to need to scroll like crazy to see the site. You might want to google for vertical centering with a shim div. Nice article which keeps the top part of your site from being cut off if the visitor has resized their browser to a vertical height less than ~800px. Best, - Rahul. __ 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] styling for two monitors
Sandy wrote: The next version of this site will probably have images that are sized to 90% of the browser window height, so that it gets really BIG for the really big monitors. I'm pretty sure I'll be in touch with you guys for help with that! OK, I'm going to write and ask what he's really after. Ask him which browser he prefers too. Maybe mediaqueries are supported well enough to check for device-width / -height / -aspect-ratio. I use some of those queries at my end, so I can make full use of my own triple-monitor set-ups - apart from switching stylesheets for some of the latest browsers on really small devices. regards Georg -- http://www.gunlaug.no __ 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] styling for two monitors
Anyway, when you maximize IE on a Windows setup with dual monitors, it only fills one screen, so I think they had to manually size and position their browser to go across both screens. I concur. I run dual 20 monitors at 1600x1200 for Windows XP Pro (SP2) and Mac OS X. On Windows the desktop is sewt to extend onto the second monitor. Regardless, when you maximize a window, the window fills and snaps to ONLY the monitor that contains the majority of the window. So even if the window is straddling both monitors, when click Maximize, it will snap to ONLY one of the monitors, not span both. I cannot speak for Active Desktop, but I do know that backgrounds are also sized to each monitor, they do not stretch horizontally across the monitors. Mebbe' Active Desktop is different, but I would be surprised if it was. __ 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] styling for two monitors
I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. Jason, thanks for looking at this for me. Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy __ 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] styling for two monitors
At 1:21 PM -0500 1/8/08, Sandy wrote: hey all, I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html thanks loads, Sandy I hope that's not your client. :-0 That scared my dog. I have three monitors and I never have a problem like you described except for javascript, so I suspect that this is a local to your client thing. For example, my browser (Safari) always opens a window where the last window was, so I don't have any problems with any site opening between screens nor have I see this happen in any browser that runs on the Mac. HTH's Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] styling for two monitors
On Jan 8, 2008, at 1:21 PM, Sandy wrote: hey all, I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [EMAIL PROTECTED] __ 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] styling for two monitors
On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. Jason, thanks for looking at this for me. Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy Argh! Clients! Sounds like he has his monitors set to be one big desktop and he has the browser maximised... Should be able to just set one monitor to be an extension of the desktop as opposed to part of it. If you get me. Point him to google if he still doesn't get it. You have my sympathy... Rob __ 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] styling for two monitors
On Jan 8, 2008, at 1:53 PM, Sandy wrote: I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html On my 2 monitor setup, it works just fine. Just for reference it's a iMac 19 with a 19 sony trinitron external monitor with a hack to enable the desktop extension (Didn't come that way from the factory... Just desktop mirroring.) The only way I can reproduce what you are talking about is if I actually stretch the browser screen across both screens end to end... Which then it centers really well in the middle of both monitors which is what I would expect. Jason, thanks for looking at this for me. Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy Maybe you could with javascript tell it to open no winder then X pixels... But I don't know anything about it. To make it happen though I had to intentionally move my browser window over to the left hand monitor and click and drag it over to the right. I couldn't even hit the maximize button to make it happen. Personally I don't think it's anything that you as a site designer needs to worry about... If he doesn't like it stretching between the monitors, have him shrink it :) Like I said, when I did stretch it that wide, it still looked centered to me :) -- Jason Pruim Raoset Inc. Technology Manager MQC Specialist 3251 132nd ave Holland, MI, 49424 www.raoset.com [EMAIL PROTECTED] __ 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] styling for two monitors
At 1:53 PM -0500 1/8/08, Sandy wrote: Is it possible to restrict the site to a single monitor? Or shall I tell my guy to just shrink his great big browser window? Sandy Sandy: Ahhh, I think I see what you're talking about now. If the user expands his browser window to cover two monitors, then your web page is in the center -- is that right? Well, that's the way it's supposed to work! Tell your client to get three monitors and the web page will be in the middle. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] styling for two monitors
On Jan 9, 2008, at 3:21 AM, Sandy wrote: I have a site that is set up to center in the middle of a screen. The content is 880px wide, and it has a negative left margin margin-left: -440px; http://bradtrent.com/bradtrent.css This was all hunky dory but my client has now has two monitors, and is complaining on my computer where I'm running two monitors, when the page loads it opens up over both monitors, half on one and half on the other. Is there a way to tell the site that margin-left: -440px; means from the middle of *ONE* monitor, not from the middle of the two? a sample page is here http://bradtrent.com/gallery3/gallery312.html So the client maximises his/her browser over 2 monitors ? Sounds completely crazy, but I stopped being surprised by clients. body{max-width:1280px; margin:0} /* for good browsers */ see http://www.gunlaug.no/contents/wd_additions_14.html for IE 6 and max-width Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] styling for two monitors
So you're client is maximizing (or manually sizing) their browser window to span multiple monitors. First, your site is not the ONLY one that they are going to have this complaint about. Second, if the client is doing this, then they are already used to the visual break from left-to-right on spreadsheets, documents, web pages, and everything else. What do they really want? Do they want you to anchor it to the left-side of the browser? What about dynamically centering it up to a certain width. Someone else suggested using max-width. I'd probably probe further to make sure the centering is their *real* complaint. The centering might only be a poor explanation on their part. For example, do they really mean that they would like it to be liquid and expand to fill their screen. Think about WHY someone would maximize a browser window across multiple screens. Visual impairment? If so, then restricting your page to ~1000 pixels width and fixed pixel sizes might be more of the problem. Do they simply like to ogle their amazing web site? My point is, find out WHY they are maximizing across two monitors, and why it is important *and okay* that the problem exists in many circumstances, but is unacceptable to them with their site. You may also want to explain that most users -- even those of us that are lucky enough to have multiple monitors, DON'T TYPICALLY expand the browser windows across multiple monitors. Think about that for a second. Even the best liquid layout would be visually hosed when you viewed it across 3800+ pixels. All of the text would run up into a few lines that would give you a migraine trying when trying to read 2 or 3 lines of text spanning horizontally across 2 or more monitors. Then you'd still have vertical stacks down the left (and right) sides of images, nav bars, etc. Just tell them that you'd be happy to fix the problem, but it goes OUTSIDE of standard web design practices and it will be a considerable cost increase. ...Rob __ 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/