I'm sure this is common knowledge for web-developers but I couldn't turn up anything on google.
Some websites, like mine, look different on widescreen monitors than on regular monitors. How can I see what a webpage would look like in widescreen without actually having a widescreen monitor? (scrolls-bars?)
Is there a tool or feature I can enable?
I would recommend you to use a responsive theme for your site or make your site responsive. This way you can eliminate all the possibilities of resolution problems.
eg: Wikipedia uses responsive design
To try how this resposnive design in Wikipedia works just adjust your browser sizez and see how the site adapts to that browser size .
Decrease the height of your browser window until you've got the right aspect ratio and then set your browser zoom to something less than 100%. You'll have to do the maths to work out what this would represent for non-zoomed windows.
You can use tools such as http://quirktools.com/screenfly/ or http://resolutiontester.com/ to see your website in various resolutions
I wondered if you wanted a techique to make your site always display xyz pixels wide?
If so, I added this to my .css
..#Content { width:985px; margin:0px auto; text-align:left; } Then in my html used:
..body>
..div id="Content">
This is all crude, my point is that if you want this, it can be done, and other will show you how to do it much better.
Firefox now has this feature built in. Under "Web Developer" click "Reponsive Design View"
