Jump to content

Catering for different screen res?


incorruptus
 Share

Recommended Posts

Hi guys, I was reading through some articles on the web about catering for different screen resolutions when designing a site, Im currently designing for 1027 x 768, but on the article they said fixing the res sucks for smaller screens cause the browser would have to scroll horizontally the whole time... They did mention working with percentages vs. px dimensions. Would anyone recommend this or should I stick to a fixed ratio like 1027 x 768. And if I should use percentages - how should I declare it in my body tag and throughout my code?Thanks guys!

Link to comment
Share on other sites

Well, first of all, it's 1024, not 1027. You shouldn't make things exactly 1024 pixels wide even if that's the resolution your visitors do use.You can give it a width of 960px, or 760 of the users have 800x600 resolution.And if you want a flexible layout don't assign any width to the containing div, and instead give it a margin on the left and right. For example, 20 pixels of margin, and the div will extend until it reaches 20 pixels from the edge of the screen, no matter how wide the screen is.

And if I should use percentages - how should I declare it in my body tag and throughout my code?
Before you start anything look at the W3Schools CSS tutorial
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...