public marks

PUBLIC MARKS from camel with tag column

October 2008

Setting Equal Heights with jQuery | Filament Group, Inc.

by 5 others (via)
We wrote a script to "equalize" the heights of boxes within the same container and create a tidy grid — with little overhead. Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we've found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element's minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.

December 2007

Perfect multi-column CSS liquid layouts - iPhone compatible

by 3 others
This series of website layouts use percentage widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They're also 'stackable' so you can use multiple column types on the one page. This makes the number of possible layouts endless

camel's TAGS related to tag column

css +   equal +   height +   jQuery +   layout +   plugin +   web +