-
Background spanned across browser window
I have a question about getting a backround to repeat nicely both horizontally and vertically behind a web page so the full browser window looks like a nice complete design. I’m not sure if this is a simple line or two of code or not. I’m hoping it is because I’m not a web designer! Any input is much appreciated.
Here are some examples of what I mean:
https://www.reachrecords.com/index.php
This one just has a simple wooden plank that spans the top of the page but it looks nice.
This one is a little different because the background doesn’t move.
Thanks!
-
3 Replies
-
hello…
the first one is flash set to 100% width and height of the browser, and you can set up how a background works in flash in that case…
the 2nd is a tiled image:
https://www.red.com/images/common/background.jpg
and then to hold it in place, they use the css attribute “background-attachment”:
background-attachment: fixed;
which holds it in place while the content scrolls over it…
so to make a background that goes the whole width and height of a page, you either need to make one that tiles (like red.com did) or you need to make one that is always guaranteed to be big enough to catch users with wide browsers and also big enough to catch any height of your content…
hope that helps!
sitruc
-
Thanks for the info! What do you think is the top end resolution most people are working at. I have my monitor at 1680×1050 and that seems pretty big. Do a lot of people go higher than that?
-
hello…
oh they can go crazy high, but consider also that surfing at anything much larger than 1280 wide or so is just not very beneficial, so you can probably keep it a bit bigger than that and be ok…
sitruc
Reply to this Discussion! Login or Sign Up