http://soccer.org/

notice how there's a background image at either side of the main content
area. This background area keeps it's position without creating horizontal
scrollbars and just dissapears behind the edges of the browser on smaller
screens.

This sites uses frames to acheive this, is it possible to do such a thing
without them? I'm unable to think of one

On Thu, 7 Oct 2004 17:28:37 +0100, luke <lukenomailt@noemailspam.com>
wrote:
[color=blue]
> http://soccer.org/
>
> notice how there's a background image at either side of the main content
> area. This background area keeps it's position without creating
> horizontal
> scrollbars and just dissapears behind the edges of the browser on smaller
> screens.[/color]

And if the viewport is any narrower than about 800px, portions of the site
are hidden with no scrollbars even. Very poor design.
[color=blue]
> This sites uses frames to acheive this, is it possible to do such a thing
> without them? I'm unable to think of one[/color]

First, a better option is to not use a fixed width. Fixed width designs
are invariably too wide for some (invokes horizontal scrollbars, or as we
see above, worse) and too narrow for others (having perhaps a quarter of
viewport space unused, split up on either side of the content). Using a
fluid design eliminates this, allowing the design to flex for all users.

Second, if you really must use a fixed width, use the background-image
property on body to set a background, then set the width to the nested div
containing content. More complicated things can be done too, if you're
willing to be tricky about it.

"Neal" <neal413@yahoo.com> wrote in message
news:opsfiefqyg6v6656@news.individual.net...[color=blue]
> On Thu, 7 Oct 2004 17:28:37 +0100, luke <lukenomailt@noemailspam.com>
> wrote:[/color]
[color=blue]
>
> Second, if you really must use a fixed width, use the background-image
> property on body to set a background, then set the width to the nested div
> containing content. More complicated things can be done too, if you're
> willing to be tricky about it.[/color]

thanks

body {
background-image: url(bg.jpg);
background-position: center top;
background-repeat: np-repeat;
}

seems to work good. Can I ask what other complicated things you are refering
to? I'm willing to play around

On Thu, 7 Oct 2004 18:43:29 +0100, luke <lukenomailt@noemailspam.com>
wrote:
[color=blue]
> Can I ask what other complicated things you are refering
> to? I'm willing to play around[/color]

Well, half the fun is in the discovery. Here's a starting point:

http://www.alistapart.com/articles/customcorners/

Play on...