Liquid design started to gain popularity nowadays. Did anyone planning to use elastic or liquid design on their next project?

Discuss more about these 2 design type.

Which is more suitable?

Which is more valuable?

Browser compability?

This post has been edited by undertypo: Dec 15 2006, 02:54 PM

liquid design : what i use that is when a client website have tons of contents / articles in a page and have to spread out nicely. Also liquid design is resolution friendly without worrying who cant view your site.

Fixed in the other hand is easy to code and easy to get your layout done. Usually its used if you are doing a microsite / minimal site..

From my experience, fixed is cross browser friendly and liquid sometimes have min-height problem in IE6.. even though theres workaround for it but not all content i put in works..

Since IE7+ is out, i would say its all friendly now.

which is more suitable ?
fluid style layout...

which is more valueable ?
fluid style layout..

compatibility ?
i'm still confused.. cuz from what i know, on IE7, the best for font size is px... ? fixed with on the other hand.. is... fix... dont you think 500px with will look damn small on 1600px screen ?

Ikram, fluid is using percentage(%) or em's?

usually is em(s).

div = percentage..
the font size = em... (usually)

it's been documented that liquid designs require more time to develop because you have to trial and error the sizes so that it fits the same mockup. some clients are particular on the size.

liquid design's were really great because it allows the layout to expand therefore the ability to reveal greater content of higher value.

liquid layouts are still being experimented by international designers today. they are trying to use DOM so that if a person's screen is more than # width, the layout changes in a particular way.

i think liquid designs are best used when the website has too much information to hold and require maximum space for usage.

for a designer, liquid might work pretty well because you'll want to take advantage of screen space and showcase the bigger picture.

cheers.

Fluid design looks great but it still need to be limited. Let say you have a fluid design blog with lots of text. When you reach certain width it would be totally hard to read (you have to move your eyes from left to right on each rows).


I have experiment it with my blog and pretty much glad I made the change, by default the width of the layout would be 760px but it will stretch to 960px or 1020px depending on the width of your screen.