Forum Moderators: open

Message Too Old, No Replies

How to make a fluid layout

         

Skinny

7:37 pm on Jun 9, 2005 (gmt 0)

10+ Year Member



How do I make a fluid layout
I know this has something to do with percentages in the width fields (I think)

tedster

8:57 pm on Jun 9, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yes, percentages are the key. Somewhere in your layout there must be a container (usually a div or table cell) that can expand to fill larger screen resolutions and contract to accomodate smaller resolutions. Many times fluid or liquid layouts also contain other areas that are fixed width - especially if you want something beyond a basic look for the page.

I suggest that you start playing around with your browser window as you move around the web. Stretch it and make it smaller and see what the page you have loaded does. If you see it accomodating your changes instead of staying fixed, then study their code. There are lots of ways to accomplish a fluid page, but doing it artfully is, well, an art.