[thelist] LI and float: left Question

Will willthemoor at gmail.com
Wed Jan 13 18:08:09 CST 2010

Set the ul to the total width of all of the <li>s. you already have the
containing div set up to hide the overflow. works in firebug anyway.


On Wed, Jan 13, 2010 at 2:05 PM, Jay Turley <jayturley at gmail.com> wrote:

> Hi-
> I need to know if there is a way to stop left-floated elements in a
> div from wrapping when they pass the edge of the div.
> Essentially I have a UL of LIs which are all 200px wide. The UL is in
> a DIV which is 600px wide and has CSS of { overflow: hidden; }. Each
> LI has CSS of { float: left; display:inline }.
> The float:left is necessary because of some other HTML which isn't
> important here (if I can't solve the problem the wayI'd like to, I'll
> end up redoing the whole thing).
> What I want to do is ensure the UL does not wrap inside the DIV.
> Unfortunately, because of the behavior of floated elements, I can't
> figure out how.
> The page is here:
> http://esceeproperties.com/escee_new/listings.asp
> The idea is that the scroller at the bottom will enable scrolling
> through the UL by 3 LI at a time.
> Thanks for any help!
> -Jay
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !

More information about the thelist mailing list