: View a website in widescreen 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

@Gloria169

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 .

Vote Up Vote Down

@Sims2060225

Firefox now has this feature built in. Under "Web Developer" click "Reponsive Design View"

Vote Up Vote Down

@Debbie626

You want to use relative scaling, using "percents" and not "pixels" since monitors come in all shapes and sizes.

Vote Up Vote Down

@Berumen354

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.

Vote Up Vote Down

@LarsenBagley505

You can use tools such as quirktools.com/screenfly/ or resolutiontester.com/ to see your website in various resolutions

Vote Up Vote Down

@Gretchen104

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.

Vote Up Vote Down