Sunday, July 17, 2005

Scroll Me

The fundemental difference between paper and screen is, of course, the scrolling. On the screen, the content can go on forever, but this brand design never really took this into account and we are left with solving a number of technical ‘cross-browser’ problems. After fixing the borders we need to be sure that the content scrolls within and under them. We don’t want horizontal scrolling at all and so the content block needs fluidity to shrink or stretch to the available width. Vertical scrolling is fairly straightforward (on good browsers) although we need to use the ‘z-index’ attribute for the top and bottom fixed blocks so that the content scrolls under the fixed ‘borders’. Setting a ‘z-index’ value of 10 will set that block above the content. We don’t do the same for the right ‘border’ though, because this can place it above the scrollbar on Windows Internet Explorer (more on this browser later).

furthermore...