Is this fluid or liquid or is it a mess?

Hi!

I´m practising to make a liquid or a fluid layout(don´t know if they are the same)

So i was wondering could you check the test page and the css and tell me if i´m going to the bushes with this one.

here´s the link to the test site http://koti.mbnet.fi/thinner/testi/

and here´s the css http://koti.mbnet.fi/thinner/testi/testi.css

thanks in advance and have happy new year !

HDaddy

 

You've got the fluid part right. One thing to keep in mind is that with the technique you are using, if there is an image or block level item in the content area that is somewhat wide it will cause the content column to jump down below the left sidebar if the browser width is not great enough to contain the whole design.

 

It's liquid alright. Just resize your browser window manually and watch how it flows. If it does, it's liquid. Has some good points but it gets tricky to keep elements bounded without resorting to tricks.

 

Thanks for the looksee. Maybe i will someday use a "liquid" layout for a site. I usually design for 800x600+ with fixed width. But it´s good to learn new things.

 

ya, as themebot said you if you resize it enough, one of the content menu's will drop below another one. To prevent this you just add:

min-width : 800px ;

Code (markup):

to #container,
that way, if anyone resizes their browser smaller then 800px, it doesn't create a mess.

 

Please note min-width isn't used by IE.

 

yes, but it's still good to add for anyone using other browsers.