Sent by Zoe M. Gillenwater on 8 July 2004 16:04
Nic Rodgers wrote:
>I'm trying to create a navigation bar that spans two rows, eg:
>
>button1 button2 button3 button4
>button5 button6 button7 button8
>(4 buttons per row)
>
>I've done this by floating the list items to the left, and placing a clear:
>left on button5. Works great in Mozilla and Safari, but doesn't display as
>intended on IE and Opera. Instead, they display:
>
>button1 button2 button3 button4 button6 button7 button8
>button5
>
>Minimal reduced-case example URL: http://www.clockerz.net/~nic/lists.html
>
>
Why not just constrain the width of <ul> so that the <li>'s have to wrap
after item 4? In your case you would just limit the width of the <ul>
to 400px.
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
