BG image not fully showing

[Guest]

Hi. I am creating a web site that uses a JPEG as a background. In my photo
editor, it looks fine -- it's the right height and width for the web page.
But when I use it as the bg image in FP2002, the bottom is cut off and the
scroll bar is disabled. I have been at it for hours now, trying this and
that, and just when I think I've got it all figured out ...

Any and all help would be greatly appreciated.
Frustrated and tired!

 

[Stefan B Rusynko]

A BG image will not "shrink" or "stretch" to fit the screen
- you have no control over it
(depends on the user screen resolution and browser window size)

Resize your image in an image editor
- note that it will tile on larger screens
--




| Hi. I am creating a web site that uses a JPEG as a background. In my photo
| editor, it looks fine -- it's the right height and width for the web page.
| But when I use it as the bg image in FP2002, the bottom is cut off and the
| scroll bar is disabled. I have been at it for hours now, trying this and
| that, and just when I think I've got it all figured out ...
|
| Any and all help would be greatly appreciated.
| Frustrated and tired!

 

[Guest]

It's already the right size for the web. The problem is that it's just a
little "taller" than the FP2002 normal and preview windows, but there's no
option to scroll down to see the bottom of it. And when I preview in the
browser, it's the same. I've tried it as a watermark and not. I've tried
inserting as a picture w/ absolute positioning. I've tried inserting a table
over it, but it repeats. I've tried CSS formatting specifically for the
background (because I'm not very familiar with CSS yet) inserted in the
header as (but surely there must be some HTML to accomplish the same thing):

<style type="text/css">
body
{
background-image:
url('my_image.jpg');
background-repeat:
no-repeat;
background-position:
center;
}
</style>

 

[Ronx]

There isn't a "right size" for the web, where background images are
concerned. There may be a "right size" for your browser, but your
browser and my browser - along with thousands of others - are opened
at different sizes. You've already found that the FrontPage normal
and preview "browsers" [and they are browsers - just not very
conventional] are the wrong size for your image (or is your image the
wrong size for those "browsers"?)
If the whole of the image must be seen, without tiling, the best
solution is to size the image at 500px wide by 400px high, and use CSS
to centre it in the browser viewport, as you have done. (Most, but
not all, browsers are opened to at least this size. I usually design
for a browser opened to 760px by 425px of viewable space, AKA
800x600.)

The scroll bar will only be active when content on your page
(background images are not content) requires it.

 

[Murray]

Your thinking about page sizes is flawed. Read this -

http://www.thepattysite.com/window_sizes1.cfm

 

[Guest]

Thanks, guys. I guess I'm a bit rusty. I haven't used FP in over a year. Got
some catching up to do.

 

[Murray]

Good luck! There's lots of help here for you....