Casey wrote:
> <div>
> <div>...</div>
> <div>...</div>
> <div>...</div>
> </div>
> The inner <div>s are all float: left'd. However, when the contents of
> the <div>s is too wide for the browser, the line of DIVs break. Is
> there a way to prevent this, other than setting a fixed width for the
> container <div>? (Yes, the alignment of the <div>s is crucial.)
Presumably, you want your divs to act like the cells of a table. In that
case, something like this might work for you:
CSS:
~~~
.table-row-ish
{
white-space:nowrap;
}
.table-row-ish div
{
display: inline-block;
display: inline !ie;
zoom: 1 !ie;
}
~~~
HTML:
~~~
<div class='table-row-ish'>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
</div>
~~~
Hope it helps.
--Bill
--
<!--
! Bill Brown <macnim...@gmail.com>
! Web Developologist, WebDevelopedia.com
-->
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
