YUI classes:
yui-g is a row making class
yui-u is a column making class
first declares which column is first
This is a lot like using tables to do layout...we have a td issue.
Since the design wanted nice alignments, I used many yui-g to make rows, and in each row are two columns (2 yui-u). Some times the content of a column does not render, creating missing row parts.
I switched to a single row (1 yui-g) with two columns (2 yui-u), I put lots of portlets in each column The spaces fill in, but we loose the nice row alignment
So I tried an alternate approach where I create three rows (yui-g), where the first and third has two columns, and the second is one column. The first row is guaranteed to exist, the second and third are optional. By making the second row a single column, it fills the space better.
Martin.
Let me explain the underlying implementation:
YUI classes:
yui-g is a row making class
yui-u is a column making class
first declares which column is first
This is a lot like using tables to do layout...we have a td issue.
Since the design wanted nice alignments, I used many yui-g to make rows, and in each row are two columns (2 yui-u). Some times the content of a column does not render, creating missing row parts.
I switched to a single row (1 yui-g) with two columns (2 yui-u), I put lots of portlets in each column The spaces fill in, but we loose the nice row alignment
So I tried an alternate approach where I create three rows (yui-g), where the first and third has two columns, and the second is one column. The first row is guaranteed to exist, the second and third are optional. By making the second row a single column, it fills the space better.