Printable View
Our company uses IE as a default browser.
But everyone has his own resolution.
My web application uses a master page to deal with all child pages.
But for some reason, it has a good look in my computer but
looks very ugly at others.
If anyone has some samply code to fix all resolution problem,
could you please post it.
Thank you very much in advance.
Not having a sample but theoretically there are 2 approaches.
1st)Decide on a resolution and design everything in this resolution
2nd)Use percentage (%) on your width's and height's so it will match every resolution.
Although the second one seems ideal i rarely see this happening on sites, so i suppose it takes a lot of effort.
P.S. There is also the mobile's version design that it's not relevant here but i thought i'd mention it.
If you have design problems you better explain what are with some sample code accompanying them and i'm sure someone will give you a solution.
The first thing to decide is if the pages fit the full screen width (like this site) or are contained in a "wrapper" box of say 1000px wide and it's alligned left or centre. These days most standard screens are over 1000px wide and under 2000px wide. That's a big variation so if your page does not scale well horizontially I think it's best to fix a width between 800-1000px (whatever suits).
Are you using css or tables? If you post a link, html or screen shot of the site I could knock up a css page template.
Thanks a lot guys.
I have a css file associted with the application.
I tried the percentage but it doesn't work perfectly.
I generally design within a fixed width of between 900px and 1000px so anyone using a 1024 x 768 screen, or higher, will see something reasonably presentable.Quote:
Originally Posted by ilplvm
But, I've just realised that mobile devices have a much higher screen resolution than computer monitors. So, if you include something like:
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background-color: #FFFFFF;
text-align: center;
}
in your css style sheet - if you look at a site with the font set to 12px on a mobile device - it displays as 6px or even less - unreadable in fact.
So, I'm a convert to setting everything up by percentages now.
Helpful, Thanks.