Page 1 of 1
floating divs
Posted: Mon Oct 31, 2005 12:32 pm
by s.dot
is there a way to keep floating divs from breaking down to the next line when you don't use overflow:hidden
ie
Code: Select all
<div float left></div>
<div float left></div>
<div float left></div>
in psuedo code, of course.
lets say a I put a reallly long text line in div 1.... the other two divs break down to the next line

I would rather have them just scroll over to the right!
Posted: Mon Oct 31, 2005 12:41 pm
by Chris Corbyn
In FF (where they meet the box-model standards) that doesn't ahppen.
The W3 say that if the content of a floated div is larger than the size of the div, then the content should simply be permitted to overflow the box. Even with overflow: visible explorer ignores this.
It's long know that IE don't follow that standard and simlply resize the box.... even worse, IE does not seem to know when it has resized a box, which leads to more problems I'm not going to get into.
To answer your question. There's no "clean" way to do it. Either use overflow: hidden or there's a white-space setting I can't remember (something like break-word).
Note: Opera also doesn't meet this standard.
Yep, it sux

Posted: Mon Oct 31, 2005 12:57 pm
by s.dot
That sucks.
I would like it to behave just like
Code: Select all
<tr>
<td></td>
<td></td>
<td></td>
</tr>