The main problem with horizontal scrolling is if the user is NOT using 1024 resolution. Try it ;)

I got kind of confused when I first clicked a link. The text was standing on the left and the mwnu on the right. Then I realized it took me to the contents of the page I selected and not the page. So the menu remained hidden in the left part of the screen and I was seeing the menu of the next page together with a wrap of the next page's content. That's really confusing especially among unexperienced users. Try to let the page have the same layout after clicking a link, i.e. the menu remains in the same place. Good luck with the templates.

Could you set the absolute so you don't have to repeat it in the code?

I think horizontal webpages can be very interesting and I like the design (the vintage more than the first one which I find a bit too dark).

The only thing that bothers me with this design is that the menu repeats itself if scrolling horizontally. Here are some examples of horizontal webpages and how they managed navigation:
http://www.thehorizontalway.com/

Apologies if this comes across as overly critical at all I am intending to be constructive, but in all honesty I think you're wasting your time.

I here what you're saying about the majority of your users being on 1024, although I disagree about you not worrying about it and see it as something very important to consider, but beyond that you've got the whole problem of people viewing it in windows, I never have Firefox full screen, its always in a window of a different shape or size and i'm sure alot of people work the same way and the way in which the site is coded means it will always break unless its the exact dimensions that you're designing it with and that's just unacceptable from a userability point of view.

I like the idea of a sideways scroll if you can make it work and i've seen a few good incarnations of it recently, but you've got to be very careful if you are going to do it as at the moment these designs fail dramatically.

@rob - No worries. This thing is in very early stages so I'm open to all criticism, even the extremely "constructive" And I agree with you that I can do some more scaling so it will work more consistently in all browsers.

I also find myself getting disoriented as I go from one section to another. Moving the nav into the absolutely positioned top part might be a good idea, I'll try that out.

Thanks everyone.

@Brad .. beautiful colors! I know you've said you don't worry about old resolutions, but this also unfortunately breaks down (e-me if you want a screenshot) on i.e.6 .. which is yes, a dinasaur, but those of us in corporate offices with locked down computers who cannot upgrade without miles of paperwork, are stuck on i.e. 6 and will probably be on it for another year or so .. and thats 100000 from the company I work for ALONE!! Just something to consider ..

Yeah I typically use BrowserShots for that. And I can see what you mean XS. Pretty sure I know what it is though. IE6 doesn't deal well with min-width. Surprise, surprise.

Thanks for all the feedback.

Maybe something more like this?

Thanks wolfram. I've discovered an interesting/new problem with the way anchors work here.

When you click on a link that is to the right of your current position, it moves to the anchor on the right hand side of the page. When you click on a link that is to the left of your current position, it places the anchor on the left.

Anyone with any ideas on how to fix this?

Posted By: gnomeyou could make each division one full screen-width (width: 100%;), and link to those, so that regardless of position, it shows the whole thing on screen.

Well the problem with that is to get the horizontal scrolling I have to define a massive width in the parent element, so any child elements inherit that width and percentages are of that set amount.

I know you can obtain a user's resolution with javascript, any way to do that with CSS?

mine looks the same I have a 1680*1050 also

Brad, I think your template won't work properly with higher resolutions than 1024 x 768. But it's a challenge. Let me think about it ...

@cmg - Not yet. Still needs some styling and some bugs ironed out. I'm busy so probably a coupla weeks before release on OD. You like it?

I think I've figured out a workable solution using just CSS.

Say your site has 6 "pages" scrollable horizontally. Ideally then, you can just define the total width as 600% and then give each page a width of 16.6% of that - making it 100% of the original page width.

This was a good idea but in practice didn't work correctly mainly because fluid width layouts always need some wiggle room. What I really want to avoid is parts of the page being squeezed out into a second row. This can happen two ways: either the total width of the page is greater than 600% of the browser width, or any individual page is more than 100%.

So to allow for some wiggle room, I defined the total width as 1000% and then each page got 12% of that, so a little over 100% of the original browser width. This seems to work pretty well, thought it still leaves some empty space on the right. I'm at work and don't have the files to upload, so I'll post it later this afternoon.

Made the changes here, also fixed the anchors so they should go to the right spot now. I appreciate any more feedback and bug reports.