Comments on: The Horizontal Way

By: Kove

Kove — Thu, 03 May 2012 08:53:34 +0000

Hi,

I would like to notify that this javascript doesnt work on opera ( last version atm)

By: rickykappa

rickykappa — Sun, 14 Feb 2010 01:06:29 +0000

@rebecca - if you ever come back to here:
#footer { position:fixed; bottom:30px; left:300px;}

By: Rebecca

Rebecca — Fri, 29 Jan 2010 01:47:17 +0000

ooh…just saw that my HTML code didn’t go through. But it’s simple - just a div for header with a header image inside and a div for footer with the footer text inside.

By: Rebecca

Rebecca — Fri, 29 Jan 2010 01:45:59 +0000

David, the CSS work-around for keeping the header and footer centered in the browser window and not in the giant width of the scrolling page is to set them to a fixed position. My code looks something like this:

in the CSS file:
#header { position:fixed; top:0; left:0; }
#footer { position:fixed; top:600px; left:300px;}

in the HTML:

content

Footer text

I’m still having issues with elements that are at fixed positions not resizing…when I view the site on my 23″ monitor it looks great, but when I try on my laptop the footer gets cut off. So, if anyone has a better work-around, please share! Hope this helps!

By: David McGowan

David McGowan — Fri, 21 Aug 2009 00:10:09 +0000

Hi,

Great script… but I have a question.

I have a Container… within that I have a Header (that I want to stay center browser), Content (images that scroll horizontally), and a Footer (that I want to stay center browser).

I understand how to get things to stay center browser, but what happens when I apply this script and the Content gets really wide (and I assume I have to set the width in the Body) the Header and the Footer centers to the width (way right) and not to the browser window.

Is there a CSS work-around for this?

Thanks! Email me if you like.

By: Joe

Joe — Wed, 03 Dec 2008 01:07:00 +0000

I am using this script with much success. However i get a error on line 214 character 2 of your script. For the life of me i have no idea why. Any idea’s?

By: Lorinda Booth

Lorinda Booth — Thu, 13 Nov 2008 00:29:18 +0000

7fwq8ev063o9bv6k

By: Philadelphia

Philadelphia — Wed, 21 May 2008 10:24:22 +0000

Eat a third and drink a third and leave the remaining third of your stomach empty. Then, when you get angry, there will be sufficient room for your rage.

By: Fearghal

Fearghal — Mon, 14 Jan 2008 12:40:08 +0000

Hi there,

Thanks very much for your website and article. I am new to website design and have been building my own website. I would really like to have horizontal scrolling on it, but can’t seem to get it to work. Maybe it’s because I have the scrolling section in a relative div? The website is at http://www.thegoodfolk.co.uk

I wondered whether you might know what I’m doing wrong. Please excuse any sloppy code - I’m new at this!

Thank you very much.

Fearghal