Question:

How to ensure web page doesn't scroll in every browser?

by | earlier

I am creating a web page (using HTML) with a static background and a scrolling content box in the centre.

When viewed on my own computer, the background is perfectly sized. It fits the screen and doesn't scroll.

When viewed on other computers, depending on the resolution, the background sometimes is smaller than the page or larger than the page, resulting in either scrolling or extra space.

The background is a single image, so I don't think that using tiling to make it flexible is an option.

I'm looking for a way to make sure that my web page's background is fully visible in all browsers without the viewer having to scroll. Would anyone have any suggestions?

Thanks so much for your help!

Tags:

Report

Answer The Question I've Same Question Too

Follow Question

2 ANSWERS

Sort By: Date | Rating

you could set the bg properties to fixed... (in the body or in css)

<body background="img path" bgproperties="Fixed">

this is just a suggestion. I maked hte background fixed, so scrolling become unnessacry, but you wont be able to see the entire bg.
Report (0) (0) | earlier
Neither HTML nor CSS (yet) offer a way to resize a background...

So either make it big enough to fit even the most ridiculously high resolutions (where the problem arises that the file size may become equally ridiculous - thus making download times and bandwidth usage an expensive commodity), or edit the image so that some space on either side or one side is not intrusive.

Or make a static layout using a max-width setting. That way, your background will at least cover all contents, and the entire *page* will have space on the sides with high resolutions...
Report (0) (0) | earlier