Log In · Register

 
how to make your site pages adjust to the viewers display??, been trying to figure this out for awhile...
rubicon
post Aug 23 2006, 02:32 AM
Post #1


Senior Member
***

Group: Member
Posts: 56
Joined: Aug 2006
Member No: 454,246



what actually has to be done coding wise to make sure that your site page(s) will adjust to the user's display size?
 
 
Start new topic
Replies (1 - 4)
freeflow
post Aug 23 2006, 03:03 AM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



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
post Aug 23 2006, 07:21 PM
Post #3


Good Cow.
****

Group: Member
Posts: 180
Joined: Aug 2006
Member No: 449,486



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
post Aug 23 2006, 08:28 PM
Post #4


Senior Member
***

Group: Member
Posts: 56
Joined: Aug 2006
Member No: 454,246



YES YES that is exactly what i meant...can this code be placed anywhere in my coding?
 
BonneVache
post Aug 23 2006, 08:34 PM
Post #5


Good Cow.
****

Group: Member
Posts: 180
Joined: Aug 2006
Member No: 449,486



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.
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: