Difficult float problem

[Joel Byrd]

Here's the problem. I have a webpage with a content box on the right
side taking up about half the width of the page, and having a variable
height (usually around say 400 px tall). And at the left of this box,
I've got a dynamic (database-driven) list of article titles with short
synopses. The problem is that I need the list to continue down the
left side of the right-hand box until the list gets to the bottom of
the right hand box, and once it starts going below the right-hand box,
I need the list to split into 2 columns (using, for example float:left
and float:right) and continue down in this manner the rest of the way
down the page for the duration of the list.

There has to be a way to do this using css. Does anyone know how?
I've got it working in IE by using float:left on every list item so
that they stack up on top of each other while to the left of the
right-hand box, and then spread out below the box, but it doesn't
render correctly in Firefox.

[Joel Byrd]

Oh, and remember that I can use dynamic styles, as I'm using php and
mysql to generate the lists, but my main problem is knowing when the
list has reached the bottom of the right-hand box and should start
spreading out to 2 columns.

On Jan 17, 6:36 pm, "Joel Byrd" <[e-mail]:

Here's the problem. I have a webpage with a content box on the right
side taking up about half the width of the page, and having a variable
height (usually around say 400 px tall). And at the left of this box,
I've got a dynamic (database-driven) list of article titles with short
synopses. The problem is that I need the list to continue down the
left side of the right-hand box until the list gets to the bottom of
the right hand box, and once it starts going below the right-hand box,
I need the list to split into 2 columns (using, for example float:left
and float:right) and continue down in this manner the rest of the way
down the page for the duration of the list.

There has to be a way to do this using css. Does anyone know how?
I've got it working in IE by using float:left on every list item so
that they stack up on top of each other while to the left of the
right-hand box, and then spread out below the box, but it doesn't
render correctly in Firefox.

[Ben C]

On 2007-01-17, Joel Byrd <jo******@gmail.comwrote:

Here's the problem. I have a webpage with a content box on the right
side taking up about half the width of the page, and having a variable
height (usually around say 400 px tall). And at the left of this box,
I've got a dynamic (database-driven) list of article titles with short
synopses. The problem is that I need the list to continue down the
left side of the right-hand box until the list gets to the bottom of
the right hand box, and once it starts going below the right-hand box,
I need the list to split into 2 columns (using, for example float:left
and float:right) and continue down in this manner the rest of the way
down the page for the duration of the list.

There has to be a way to do this using css. Does anyone know how?
I've got it working in IE by using float:left on every list item so
that they stack up on top of each other while to the left of the
right-hand box, and then spread out below the box, but it doesn't
render correctly in Firefox.

What you describe should work in Firefox. Post a URL and maybe we can
see what the problem is.