Help - Search - Members - Calendar
Full Version: how to make your site pages adjust to the viewers display??
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
rubicon
what actually has to be done coding wise to make sure that your site page(s) will adjust to the user's display size?
freeflow
What do you mean? Is that possible? Or do you mean like what do you have to do so it looks good and aligned in all browsers/resolutions?

Moved to website help. Wrong forum buddy =]
BonneVache
It is possible, if you're talking about what I think you are.

Its called a "liquid" layout. By setting your divs' width to %'s not pixels the page's content will expand to keep a constant percentage of the page used.

Example would be....
CODE
#my_magical_div {
width: 50%;
}
#Socks_smell {
width: 50%;
}


Using that stylesheet the two divs, when placed into your page, will each expand to hold 50% of your screen real-estate. (your %'s don't have to add up to 100 by the way, any more than 100 and you'll have a horizontal scroll any less and you'll just have white space.)

EXAMPLE!

Is that what you mean? Maybe? Perhaps?
rubicon
YES YES that is exactly what i meant...can this code be placed anywhere in my coding?
BonneVache
The code I gave would go in your stylesheet.

the Ids would then have to be given to the divs you want to display behavior.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.