Jump to content

Website Design for Widescreen


FrOzeN

Recommended Posts

I got myself a [url=http://www.viewsonic.com.au/products/productspecs.php?id=264]ViewSonic 22" VX2235wm[/url] yesterday and have noticed a lot of websites don't use much of the width available (1650 pixels in my case). As I do web design I'm trying to make it account for all resolutions so the webpage will look great at all sizes, instead of just stretching to larger widths.

I understand how to code it all to rescale and such, but I'm interested in seeing different concepts people have come up with for widescreen designs. The typical 3-column layout with the left & right sides fixed doesn't look that well as the middle becomes too wide. Possibly have 2 or 3 columns divided equally in the middle to share the content?

Post ideas/examples (links) of websites you'd consider have an appealing look for widescreen users. :)

[EDIT] Reworded post to remove ambiguity.
Link to comment
https://forums.phpfreaks.com/topic/26202-website-design-for-widescreen/
Share on other sites

You choices are a fixed width site (which would normally be around 765 wide and defeat your goal here.) a fluid layout - mainly the central content having the fluid width which you have described or detection with js - requires js so don't rely on it! all you can do ther is either redirect to a screen width specific section of your site or do some css switching - both of which require vastly more amount of work in maintainence than just using the fluid witdh (which IMO is your best bet)
I think I'll go with the usual resizable column design. Then add some JavaScript for those using a windscreen. I think the extra effort is worth it for when I create my clan's gaming site.

[EDIT] Also, for anyone interested. This monitor I got is absolutely awesome. I haven't had any problems, so I'd highly recommend it to anyone.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.