Does anybody know what the guides should be set at get a basic viewport for the typical 13" widscreen laptop?
Anybody know of a template of sorts that can assist in this matter?
Thanks in advance.
Tell me more
×
Graphic Design Stack Exchange is a question and answer site for
professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
|
|
This will vary with the make and model of a specific laptop but at 13" and widescreen: either 1366x768 or 1280x800 pixels is a pretty safe bet for the screen res. taking the smallest dimension of both gives a likely 1280x768
this leaves approx 1260x600 px for a maximised window. you should make sure your webdesign works at a number of different resolutions though. It is common for a user to run their web browser at less than full screen, and your design should be fluid to accomodate this. |
||||
|
|
|
You could also consider making your left and right margins elastic so it can adjust to the various makes / models / users out there. I will typically create a div that's less than 800 px wide and center it in the body. The content goes in there and it stays a consistent width no matter how wide they make the browser window. It makes life a lot easier when figuring out page layout and flow. |
|||
|
|
