954,574 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

creating web pages for different resolutions

HI
Id lyk to know how you create web pages that are consistent on different resolutions especially the small ones i mean small monitors. I've used some css absolute positioning on my site stuff really overlaps on smaller screens-bad.thanks

Sarama2030
Junior Poster in Training
74 posts since May 2009
Reputation Points: 10
Solved Threads: 4
 

hello!
if you understand well CSS positioning,so you can do this approach:
first,always put the content in a main DIV that you define his margin,so you let a custom space in left and right of the page.

second,if you use and understand well CSS,then the content shouldn't overlap,but if you said so,you can check the screen resolution of the client then in your project you have 2 different design of each page,one of them is designed for the smaller screens.
happy coding!

cocoll
Junior Poster in Training
66 posts since Jul 2010
Reputation Points: 10
Solved Threads: 1
 
__avd
Posting Genius (adatapost)
Moderator
8,648 posts since Oct 2008
Reputation Points: 2,136
Solved Threads: 1,241
 
HI Id lyk to know how you create web pages that are consistent on different resolutions especially the small ones i mean small monitors. I've used some css absolute positioning on my site stuff really overlaps on smaller screens-bad.thanks


This is one of the practicle problem you are facing with style-sheet.
Best way is to create a website design using using minimum resolution say 800x600. So Also, make outer div or table width and height tags fixed so that they are not going to scatter on maximum resolution.

riteshbest
Light Poster
30 posts since Nov 2009
Reputation Points: 15
Solved Threads: 4
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You