Forum Moderators: open

Message Too Old, No Replies

Code to make content liquid

need help

         

Acternaweb

6:40 pm on Jan 30, 2004 (gmt 0)

10+ Year Member



I know I saw a code that will "resize" content as the window size changes (ie like this site) but I can't seem to find it. Any idea?

ORBiTrus

7:54 pm on Jan 30, 2004 (gmt 0)

10+ Year Member



Isn't this done through %'s (and CSS)?

I mean saying liquid instinctively brings thoughts of CSS....

Sanenet

9:28 pm on Feb 1, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you setup your page using % instead of px, then it will automatically resize to the window.

limbo

11:49 am on Feb 5, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Expanding on the points above:

WW uses tables set to a width of about 98%

Try something like this:

<table width="100%" border="1">
<tr><td>content</td></tr>
<tr><td>in</td></tr>
<tr><td>here</td></tr>
</table>

You will find loads of info in here about the design and manipulation of pages using fluid design.

I'm an advocate of tabular style as my CSS knowledge is not comprehensive enough - but its another good way of doing this. Use relative positioning on divs left, centre and right.

Ta

Limbo