Comments on: Tips for Developing Semi-Liquid Layouts

By: manish SHarma

manish SHarma — Sat, 27 Jun 2009 17:25:17 +0000

Gr8888888888
In simplicity lies the POWER
Thanks a Lot

By: c.

c. — Fri, 19 Jun 2009 12:16:22 +0000

For your % Columns, why use jquery to fix it when you can make use of :first-child? It is supported in all modern browsers except for IE (I believe it can be fixed with the IE7 JS emulator). Just put your margin/padding on the left and have the :first-child element override it.

By: caos30

caos30 — Thu, 18 Jun 2009 18:07:52 +0000

Some points of your post are interesting. I like the cleaness of your CSS code

But, i’ve tried “% Based Columns” layout (http://www.sohtanaka.com/web-design/examples/semi-liquid-layout), modifying the length of the content within the blocks within the “li”… and the effect es “terrorific”: the over flow text is hided! :S

I’m sorry, but for make a robust layout with columns i still prefer work with classic “tables” instead of an “ul without style”. Really the “tables” were thinked for make COLUMNS and ROWS, PERFECTLY and EASILY aligned. I don’t understand why “everybody” NOW are trying to do the same (but very imperfectly and with more complexity) using “block” objects like “blocked ul” or “div” :S

I think that the “block” objects as “ul” and “div” has their function, but i wouldn’t say that it is build “column layouts”. Perhaps they are useful for “row layouts” (header, body, foot).. and for other “detail elements” as lists.

Finally, why you don’t accept that the HTML and CSS which are we using has been builded “disordered”, between too much economics and professionals agents saying their “opinion”, more depending on their own past instead of a COMMON well builded web.

I’m sorry… perhaps i seems like a baby crying

By: Jake Rocheleau

Jake Rocheleau — Thu, 18 Jun 2009 16:08:19 +0000

I have to say I’m very impressed with your post, and your blog! Amazing layout and design, and very impressive UI! Bookmarked, and glad I ran into your site.. good luck in the future!

By: Gwóźdź web designer

Gwóźdź web designer — Tue, 28 Apr 2009 18:52:10 +0000

Only design were i could use flexible layout for today is when we have additional, 3rd column coming for some people with wider screen. Static is for still priority.

I don’t like liquid, because I can’t control white space. And in my opinion web designers should not extend columns to point where there is more than 16 words in line.

By: Digital Photography

Digital Photography — Sat, 18 Apr 2009 15:54:39 +0000

Love the ideas here. Thanks for sharing the min-width and max-width, did realize that you could use it.

By: Soh

Soh — Wed, 01 Apr 2009 16:26:16 +0000

Thanks Bram! Good to know, it would be great if can add the support for min/max width, please keep us updated! Thanks for clarifying that

By: Bram

Bram — Wed, 01 Apr 2009 09:14:49 +0000

Hi,

I’m the author of the jQuery plugin you mentioned. The JSizes plugin does not add support for min and max width/height on IE6, it only adds convenient methods for querying those values (and returning sensible values when they are not available.) Perhaps I should add support for min and max width—it seems to be a common misconception and wouldn’t be too hard.

Best,

Bram

By: shiny

shiny — Mon, 30 Mar 2009 00:49:37 +0000

Thanks for the favicons!!!

By: Another Coder

Another Coder — Mon, 30 Mar 2009 00:21:58 +0000

Another great tutorial! Thanks alot man.