[thelist] preventing navbar element wrapping

John DeStefano john.destefano at gmail.com
Mon Nov 13 10:58:35 CST 2006

What CSS style property would one apply to a horizontal
list/navigation bar to prevent its elements (i.e., "buttons") from
collapsing below each other as a browser window decreases in size?

The width is currently set at 100% to apply a horizontal stripe across
the page to the right of the last button element.  The display is fine
at any width around 800px or above; as the browser narrows from there,
the navigation bar begins to degrade and the "buttons" begin to drop
beneath each other, starting to the one at the farthest right.  I'd
like the bar to remain intact, and for the page to scroll if necessary
instead of degrading the bar.

I've tried applying "white-space: nowrap;" and "overflow: scroll;" to
the navigation bar container with no effect; adding "scroll" to a
top-level container just made unnecessary scroll bars appear.

Thank you,

More information about the thelist mailing list