Previous Message
Next Message

prevent float wrap -- options?

Sent by Zoe Gillenwater on 20 December 2003 13:01


I know this question has been asked before (I've searched the archives) 
but I just wanted to double check that the only way to prevent a series 
of floated objects from wrapping if the window is too small to hold them 
on one line is as follows:

1. use white-space: nowrap; (tried it, doesn't work in my case because 
of too much nesting)
2. wrap the floats in a container with a width assigned (not tried yet 
because its inconvenient, I'd rather have the flexibility of not 
declaring a width)
3. use table-cell (doesn't work in IE6)
4. use an actual table (no way!)

I have a list with floated li's acting as a horizontal nav bar.  Client 
hates that if you size window down some drop to a second line.  
Explained to him that this is natural, chosen behavior so that people 
don't miss out on any links, but he won't have it.  Client looked around 
at all the table-based sites all over WWW and said "nobody else's nav 
bars do that," etc.  So I have to fix this (for IE6 at least!) and I'm 
thinking my only way to go is to assign a width (in ems) to the ul.  I'm 
not sure if this is going to work, though, because the ul is already 
nested in a container that is floated with a width of 100%, so doesn't 
this mean that this container will never expand past 100% of the window?

Anyway, if anyone wants to take a look at my page:

http://www.pixelsurge.com/isos/index7.html

Thanks,
Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: