Scott,
This link will take you to a demo created by Al Sparber several months ago.
http://www.projectseven.com/csslab/testing/lists/grid.htm
Each cell will expand vertically depending on the content. Seems to
work in current versions of Win IE and FF, not sure about other
browsers and OS's.
Jim
Scot Schlinger wrote:
I am trying to arrange four "box" division such that 1 and 2 are in
the first row and 3 and 4 are in the second row. The way that I am
currently attempting this situation is to absolutely position 2 and 4
respectively in their "rows" to the right of 1 and 3, this is fine
Tuesday, July 26, 2005, 9:53:17 AM, Scot Schlinger wrote:
> I am trying to arrange four "box" division such that 1 and 2 are in the
> first row and 3 and 4 are in the second row.
Start with the first two. You want a 2-column CSS layout based on
floating 1 to the left then 2 to the right.
See: htt
Best way would be to
float:left
all the boxes then put
Clear:both
On box number 3 by using a class for example, I've also put a newLine on
box 1 to be safe
Eg:
CSS:
#box {
width:150px;
float:left;
}
#box.newLine{
clear:both;
}
XHTML:
Line1
Line1
Line1