Welcome to WebmasterWorld Guest from

Forum Moderators: phranque

Message Too Old, No Replies

Making a site Liquid?



2:27 pm on Jun 20, 2001 (gmt 0)

10+ Year Member

Does anyone know the code to make you site more "liquid"
meaning that it adjusts to the user's setting (ie 800x600 or 1024x768) I read this in an article but they did not give the code.

The article said the purpose is to take advantage of white space left over for design for 800x600


2:30 pm on Jun 20, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

it's mostly a matter of using 'table width=100%' or something close to 100% depending on your design. The key is that you can't just go and do it (usually) it's something that has to be considered from the start of the design since it will affect how the images are created and sized etc.


2:51 pm on Jun 20, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

the other factor to take into account is how the site will "flex" as the display changes...this means building sections of a page that maintain a geometric relationship whilst shifting around the page to fill the space

"liquid" is a good word to use...I tend to use kinetic though...it implies a much less chaotic system


6:45 pm on Jun 21, 2001 (gmt 0)

WebmasterWorld Administrator brett_tabke is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

I've worked with making the site here more liquid and I think some of the minor things worked out good. 'course, I'm in the position of not being chained to heavy graphics and am fortunate to have a fairly static layout. I love the "page size" option in Opera where you can see the pixel size in the title bar - just move it around to check the various sizes.

Featured Threads

Hot Threads This Week

Hot Threads This Month