By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,766 Members | 1,265 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,766 IT Pros & Developers. It's quick & easy.

Difficult float problem

P: n/a
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.

Jan 17 '07 #1
Share this Question
Share on Google+
2 Replies


P: n/a
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" <joelb...@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.
Jan 17 '07 #2

P: n/a
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.
Jan 18 '07 #3

This discussion thread is closed

Replies have been disabled for this discussion.