Principles :
Principles It is always important to consider the user of your site as you structure your content, layout, and overall theme.
Your site can appear differently based on different screen sizes.
Make your site as liquid as possible to fit any resolution.
Example :
Example Over 36% of monitors are set at 1024x768 or higher.
Only 4% of users have monitors set to 800x600 pixels.
Currently, 57% of users have monitors set to 1280x1024 pixels or higher.
http://www.w3schools.com/browsers/browsers_display.asp
Further Explanation :
Further Explanation Optimize your site for your users.
Computer monitors/newer televisions (LCD & Plasmas) have a native resolution.
Increased resolution from native, text is hard to read.
Decreased resolution from native, image quality is degraded.
Principles to Remember :
Principles to Remember Optimize your site to 1024 x 768 but make it liquid enough to fit any resolution from 800x600 to 1280x1024.
Always keep target audience in mind when thinking of page layout.
Key information should be visible without scrolling.
Text should be easy to read.
Users generally don't like to scroll.
CodeUse percentages and Emphasis instead of exact pixels. :
CodeUse percentages and Emphasis instead of exact pixels. Exact Percentage/Em #banner{
position: relative;
width: 812px;
height: 213px;
margin: 30px auto 5px auto;
}
#cc h1{
margin-left: 300px;
color: #C2FFA4;
font-size: 50px;
} #banner{
position: relative;
width: 812px;
height: 213px;
margin: 3.5% auto .6% auto;
}
#cc h1{
margin: 0% auto 0% 35%;
color: #C2FFA4;
font-size: 3.2em;
}