Is this possible, without frames?

[luke]

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

[Neal]

On Thu, 7 Oct 2004 17:28:37 +0100, luke <lu*********@noemailspam.com>
wrote:

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.
And if the viewport is any narrower than about 800px, portions of the site
are hidden with no scrollbars even. Very poor design.
This sites uses frames to acheive this, is it possible to do such a thing
without them? I'm unable to think of one

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.

[luke]

"Neal" <ne*****@yahoo.com> wrote in message
news:op**************@news.individual.net...

On Thu, 7 Oct 2004 17:28:37 +0100, luke <lu*********@noemailspam.com>
wrote:
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.

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

[Neal]

On Thu, 7 Oct 2004 18:43:29 +0100, luke <lu*********@noemailspam.com>
wrote:

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

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

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

Play on...