I'd like a toolbar at the top of the page, that stays there when you scroll the page vertically. This is quite simple to achieve using position fixed etc.
However, I'd also like to enforce a minimum width on the page just in case someone hits the site with a low resolution/window size. Now the use of position fixed means that horizontal scrolling is also ignored so you can never access the "hidden" content. Anyone have a suitable alternative?
This is not for a general website but a web application so compatibility with IE7+ and Firefox 2+ is all that is required.
I've worked out one possible solution, but it depends on the toolbar. Is it possible for the toolbar to be exempt from the minmum width requirement? If it is you could have the toolbar go below the min-width, placing it outside the main content div, to which you give a min-width value.
What about setting the width of the toolbar to 100% screen width, but then use the css overflow property to add a scrollbar to the toolbar only when needed? untested...
It's an annoying one but I might have sorted it by shifting some of the functionality elsewhere. At the moment it's fine if someone has a browser window down to < 800.
Scroll bar is an option I suppose, but on a 30px tall toolbar it's seems a bit silly adding a scrollbar. But then if the user is browsing with such a small window they should expect some degradation.
The vast majority should be running maximised/full screen and if it's on a monitor or laptop we've supplied will probably be running at 1280 wide.
Linear Mode
