Overflow / make the whole page hoiz scrollable?

flexible yet scrolls when too narrow?

[adkantoro]

Hi

I'm trying to layout a page with three qualities:

-uses no tables, only CSS positioning (easy)

-is horizontally flexible: adjusts to the browser's resolution to fill the whole width of the window (easy, I use absolute positioning with % margins and widths)

-robust: if the browser window is shrunk so narrow that the columns would become narrower than the words they contain, the columns stop shrinking (to prevent overflowed text) and instead the a horizontal scroll bar appears for the whole browser window (not the individual overflowed columns).

To this end:

-Absolute positioning with % widths “insists” on cramming all the columns into the current width of the browser window, no matter how narrow. Must I not use % widths?

-Floating the columns is even worse: whole columns “overflow” to a “new line”

-Could relative positioning be of help?

Or am I asking for the impossible?

[macromedia.com...] seems to accomplish the first and the last points (no tables, but never any overflow either. Try for yourself go there and resize the browser), although they do use pixel widths

Thanks!

[willis1480]

you can use min-width for ns. IE will have some issues. What I would do is use percentage widths, but put a spacer image so the column will have a minimum width of the spacer image width.