OPtimum size for a page background

SCRUFF

What is the best dimensions for a page background?

Ronx

What type of background?
A textured background an image 10px x 10px will be sufficient A
horizontal gradient - (whatever width of the page you are designing
for) x 10px high
A vertical gradient - 10px x (Whatever height of the page) A picture -
(width of page x height of page)

The problem with backgrounds is that the images used will NOT resize to
fit the browser. They will tile if the browser portal is bigger than
the image, or the image will be cropped (usually bottom and right edges
removed) to fit if the browser is too small.
You can use CSS to stop the image tiling either vertically, horizontally
or both, but can do nothing about the cropping.

It ends up with you choosing the image size to fit whatever browsers
your users use - and you will have to use guesswork for the browser
portal size. And remember - there are significant numbers of users with
wide, high resolution screens whose browsers are only opened to 800x600.
For a picture - I would use 600x800 and use CSS to centre the image and
stop tiling.

Body {background:url(mainlyBluepicture.jpg) no-repeat center #000033}

This will center an image with no tiling and place a light blue
background colour around it, the colour should blend in with the edges
of the image if possible.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp


"SCRUFF" <luvto@play> wrote in message
news:9cd2f$47c1d08f$422aaac6$18562@FUSE.NET:

> What is the best dimensions for a page background?

SCRUFF

http://underthesunrocks.tripod.com/
Here's the background. It a one piece thing I found.
Kinda new at this but it's fun!



"Ronx" <ronx917@hotmail.com> wrote in message
news:3M2dnSJyKIgxDV_anZ2dnUVZ8hydnZ2d@pipex.net...
> What type of background?
> A textured background an image 10px x 10px will be sufficient A horizontal
> gradient - (whatever width of the page you are designing
> for) x 10px high
> A vertical gradient - 10px x (Whatever height of the page) A picture -
> (width of page x height of page)
>
> The problem with backgrounds is that the images used will NOT resize to
> fit the browser. They will tile if the browser portal is bigger than the
> image, or the image will be cropped (usually bottom and right edges
> removed) to fit if the browser is too small.
> You can use CSS to stop the image tiling either vertically, horizontally
> or both, but can do nothing about the cropping.
>
> It ends up with you choosing the image size to fit whatever browsers your
> users use - and you will have to use guesswork for the browser portal
> size. And remember - there are significant numbers of users with wide,
> high resolution screens whose browsers are only opened to 800x600. For a
> picture - I would use 600x800 and use CSS to centre the image and stop
> tiling.
>
> Body {background:url(mainlyBluepicture.jpg) no-repeat center #000033}
>
> This will center an image with no tiling and place a light blue background
> colour around it, the colour should blend in with the edges of the image
> if possible.
> --
> Ron Symonds - Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
>
> http://www.rxs-enterprises.org/fp
>
>
> "SCRUFF" <luvto@play> wrote in message
> news:9cd2f$47c1d08f$422aaac6$18562@FUSE.NET:
>
>> What is the best dimensions for a page background?
>

Ronx

I would use that background as the background to a container - <div> or
<table> - that contains all the page content, with the page background
colour set to a dark grey.
At nearly 230,000 bytes it needs considerable optimising (reduction in
file size) to use on a web site. The home page should be a TOTAL of
50,000bytes including all images and text, so that it will download
within 15-20 seconds when using dialup.
The image should not be allowed to tile in any direction (tiling will
ruin the effect), which limits the container size to the size of the
image.


--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




"SCRUFF" <luvto@play> wrote in message
news:73d65$47c2bb03$422aaac6$18909@FUSE.NET:

> http://underthesunrocks.tripod.com/
> Here's the background. It a one piece thing I found.
> Kinda new at this but it's fun!
>
>
>
> "Ronx" <ronx917@hotmail.com> wrote in message
> news:3M2dnSJyKIgxDV_anZ2dnUVZ8hydnZ2d@pipex.net...
> > What type of background?
> > A textured background an image 10px x 10px will be sufficient A horizontal
> > gradient - (whatever width of the page you are designing
> > for) x 10px high
> > A vertical gradient - 10px x (Whatever height of the page) A picture -
> > (width of page x height of page)
> >
> > The problem with backgrounds is that the images used will NOT resize to
> > fit the browser. They will tile if the browser portal is bigger than the
> > image, or the image will be cropped (usually bottom and right edges
> > removed) to fit if the browser is too small.
> > You can use CSS to stop the image tiling either vertically, horizontally
> > or both, but can do nothing about the cropping.
> >
> > It ends up with you choosing the image size to fit whatever browsers your
> > users use - and you will have to use guesswork for the browser portal
> > size. And remember - there are significant numbers of users with wide,
> > high resolution screens whose browsers are only opened to 800x600. For a
> > picture - I would use 600x800 and use CSS to centre the image and stop
> > tiling.
> >
> > Body {background:url(mainlyBluepicture.jpg) no-repeat center #000033}
> >
> > This will center an image with no tiling and place a light blue background
> > colour around it, the colour should blend in with the edges of the image
> > if possible.
> > --
> > Ron Symonds - Microsoft MVP (FrontPage)
> > Reply only to group - emails will be deleted unread.
> >
> > http://www.rxs-enterprises.org/fp
> >
> >
> > "SCRUFF" <luvto@play> wrote in message
> > news:9cd2f$47c1d08f$422aaac6$18562@FUSE.NET:
> >
> >> What is the best dimensions for a page background?
> >

rfr

DIALUP? . . . are you serious? . . . design for DIALUP speeds? . . . 50K? .
.. . . I think that DIALUP is used by soooo few people that their speed
constraints should be ignored to provide a better product to the many who
are on broadband of some sort.

"Ronx" <ronx917@hotmail.com> wrote in message
news:G5SdnUeHI_a4f1_anZ2dneKdnZydnZ2d@pipex.net...
>I would use that background as the background to a container - <div> or
><table> - that contains all the page content, with the page background
>colour set to a dark grey.
> At nearly 230,000 bytes it needs considerable optimising (reduction in
> file size) to use on a web site. The home page should be a TOTAL of
> 50,000bytes including all images and text, so that it will download within
> 15-20 seconds when using dialup.
> The image should not be allowed to tile in any direction (tiling will ruin
> the effect), which limits the container size to the size of the image.
>
>
> --
> Ron Symonds - Microsoft MVP (FrontPage)
> Reply only to group - emails will be deleted unread.
>
> http://www.rxs-enterprises.org/fp
>
>
>
>
> "SCRUFF" <luvto@play> wrote in message
> news:73d65$47c2bb03$422aaac6$18909@FUSE.NET:
>
>> http://underthesunrocks.tripod.com/
>> Here's the background. It a one piece thing I found.
>> Kinda new at this but it's fun!
>>
>>
>>
>> "Ronx" <ronx917@hotmail.com> wrote in message
>> news:3M2dnSJyKIgxDV_anZ2dnUVZ8hydnZ2d@pipex.net...
>> > What type of background?
>> > A textured background an image 10px x 10px will be sufficient A
>> > horizontal
>> > gradient - (whatever width of the page you are designing
>> > for) x 10px high
>> > A vertical gradient - 10px x (Whatever height of the page) A picture -
>> > (width of page x height of page)
>> >
>> > The problem with backgrounds is that the images used will NOT resize to
>> > fit the browser. They will tile if the browser portal is bigger than
>> > the
>> > image, or the image will be cropped (usually bottom and right edges
>> > removed) to fit if the browser is too small.
>> > You can use CSS to stop the image tiling either vertically,
>> > horizontally
>> > or both, but can do nothing about the cropping.
>> >
>> > It ends up with you choosing the image size to fit whatever browsers
>> > your
>> > users use - and you will have to use guesswork for the browser portal
>> > size. And remember - there are significant numbers of users with wide,
>> > high resolution screens whose browsers are only opened to 800x600. For
>> > a
>> > picture - I would use 600x800 and use CSS to centre the image and stop
>> > tiling.
>> >
>> > Body {background:url(mainlyBluepicture.jpg) no-repeat center #000033}
>> >
>> > This will center an image with no tiling and place a light blue
>> > background
>> > colour around it, the colour should blend in with the edges of the
>> > image
>> > if possible.
>> > --
>> > Ron Symonds - Microsoft MVP (FrontPage)
>> > Reply only to group - emails will be deleted unread.
>> >
>> > http://www.rxs-enterprises.org/fp
>> >
>> >
>> > "SCRUFF" <luvto@play> wrote in message
>> > news:9cd2f$47c1d08f$422aaac6$18562@FUSE.NET:
>> >
>> >> What is the best dimensions for a page background?
>> >
>

Ronx

Not only dialup - mobile phones as well.

Throughout the world broadband penetration is still low compared to that
in UK - even in US broadband penetration is less than in UK, in some
areas it is still practically non-existent.

50KB for the home page is good sense - loads quickly for ALL users to
gain interest, then following pages can be larger.

How you design your pages depends on your audience. If you KNOW your
audience has unlimited broadband, then go for the bloated pages with
uneccessary bells and whistles. Otherwise, design for the worst case -
the occasional user on dialup.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp




"rfr" <rfrohrer@iw.net> wrote in message
news:hLWdnTPZg_5UE1XanZ2dnUVZ_vmlnZ2d@prairiewave. com:

> DIALUP? . . . are you serious? . . . design for DIALUP speeds? . . . 50K? .
> . . . I think that DIALUP is used by soooo few people that their speed
> constraints should be ignored to provide a better product to the many who
> are on broadband of some sort.
>
> "Ronx" <ronx917@hotmail.com> wrote in message
> news:G5SdnUeHI_a4f1_anZ2dneKdnZydnZ2d@pipex.net...
> >I would use that background as the background to a container - <div> or
> ><table> - that contains all the page content, with the page background
> >colour set to a dark grey.
> > At nearly 230,000 bytes it needs considerable optimising (reduction in
> > file size) to use on a web site. The home page should be a TOTAL of
> > 50,000bytes including all images and text, so that it will download within
> > 15-20 seconds when using dialup.
> > The image should not be allowed to tile in any direction (tiling will ruin
> > the effect), which limits the container size to the size of the image.
> >
> >
> > --
> > Ron Symonds - Microsoft MVP (FrontPage)
> > Reply only to group - emails will be deleted unread.
> >
> > http://www.rxs-enterprises.org/fp
> >
> >
> >
> >
> > "SCRUFF" <luvto@play> wrote in message
> > news:73d65$47c2bb03$422aaac6$18909@FUSE.NET:
> >
> >> http://underthesunrocks.tripod.com/
> >> Here's the background. It a one piece thing I found.
> >> Kinda new at this but it's fun!
> >>
> >>
> >>
> >> "Ronx" <ronx917@hotmail.com> wrote in message
> >> news:3M2dnSJyKIgxDV_anZ2dnUVZ8hydnZ2d@pipex.net...
> >> > What type of background?
> >> > A textured background an image 10px x 10px will be sufficient A
> >> > horizontal
> >> > gradient - (whatever width of the page you are designing
> >> > for) x 10px high
> >> > A vertical gradient - 10px x (Whatever height of the page) A picture -
> >> > (width of page x height of page)
> >> >
> >> > The problem with backgrounds is that the images used will NOT resize to
> >> > fit the browser. They will tile if the browser portal is bigger than
> >> > the
> >> > image, or the image will be cropped (usually bottom and right edges
> >> > removed) to fit if the browser is too small.
> >> > You can use CSS to stop the image tiling either vertically,
> >> > horizontally
> >> > or both, but can do nothing about the cropping.
> >> >
> >> > It ends up with you choosing the image size to fit whatever browsers
> >> > your
> >> > users use - and you will have to use guesswork for the browser portal
> >> > size. And remember - there are significant numbers of users with wide,
> >> > high resolution screens whose browsers are only opened to 800x600. For
> >> > a
> >> > picture - I would use 600x800 and use CSS to centre the image and stop
> >> > tiling.
> >> >
> >> > Body {background:url(mainlyBluepicture.jpg) no-repeat center #000033}
> >> >
> >> > This will center an image with no tiling and place a light blue
> >> > background
> >> > colour around it, the colour should blend in with the edges of the
> >> > image
> >> > if possible.
> >> > --
> >> > Ron Symonds - Microsoft MVP (FrontPage)
> >> > Reply only to group - emails will be deleted unread.
> >> >
> >> > http://www.rxs-enterprises.org/fp
> >> >
> >> >
> >> > "SCRUFF" <luvto@play> wrote in message
> >> > news:9cd2f$47c1d08f$422aaac6$18562@FUSE.NET:
> >> >
> >> >> What is the best dimensions for a page background?
> >> >
> >