How to create a liquid web page?

[HollyMK]

Hi Everyone

I'm creating a website at the moment and I want to make it a liquid design like the one at http://www.goldpanner.ca but I can't work out how to, does anyone know the javascript to do this?

[WebJoel]

That site is hardly to be considered 'liquid'. Without a valid !doctype, -it probably renders differently upon some browsers. It appears to be basically centered (for a 1024-width monitor, that is), and 'position:absolute;" and therefore upon browser-width resizing, it doesn't move.

Although nice, this effect is far from being anything that can be called "liquid".
A good example to draw from too, -the code is crudely and unweildily 'hidden' beneith the viewport upon VIEW-SOURCE. -Someone probably thought that this would prevent others from seeing/stealing their code(?). Not to worry, -it isn't anything worth taking. :rolleyes:
It has probably one of the LONGEST [meta content="" ] tags that I have ever seen! They probably don't know that SEO ("Search Engine Optimization") techniques only use the first maybe 56 or 57 words in the "content=" meta-data, and if a word is repeated more than 3 or 4 times, it ceases to be 'counted' and thereafter, is ignored. Some (if not most!) spiders, 'bot and search-engines no longer rely upon meta-data content="" tags anymore , -mostly due to cruft like this site employs.
Good content in the site, use of <H> tags for section headers that have meaningful text related to the next section, valid and relevant links, correct code and more, these are what gets a page indexed and searchable on the internet.... not 1000+ words in the "content="blah-blah-blah" " meta-data tag... :(

Back to your request: Good web sites to learn include "a list apart" and "position is everything". SEARCH these quoted terms or maybe another postee will post the actual URLs to these/other sites. Some thoughtful postees have URLs in their signatures that take you to very relevant sites. I'd check those, too. :)

[JPnyc]

What is "liquid" about that page? I'm missing something.

[ray326]

It's not what I'd call "liquid." It's more like "zoomable."

[drhowarddrfine]

What are they doing to encode that? I had to cut/paste into OpenOffice to see part of it. A lot of it is numbers but you can't see anything in web dev in Firefox.

[the tree]

I assume the feature they are calling liquid is as follows:This “Liquid Page” uses JavaScript to automatically adjust it's size according to screen resolution (800 <> 1280) and the size of a browser window.Which is well, amusing to say the least.