Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

OPtimum size for a page background

3 views
Skip to first unread message

SCRUFF

unread,
Feb 24, 2008, 3:27:35 PM2/24/08
to
What is the best dimensions for a page background?


Ronx

unread,
Feb 25, 2008, 4:55:55 AM2/25/08
to
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$18...@FUSE.NET:

SCRUFF

unread,
Feb 25, 2008, 7:57:34 AM2/25/08
to
http://underthesunrocks.tripod.com/
Here's the background. It a one piece thing I found.
Kinda new at this but it's fun!

"Ronx" <ron...@hotmail.com> wrote in message
news:3M2dnSJyKIgxDV_a...@pipex.net...

Ronx

unread,
Feb 25, 2008, 10:43:32 AM2/25/08
to
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$18...@FUSE.NET:

rfr

unread,
Feb 29, 2008, 6:07:38 PM2/29/08
to
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" <ron...@hotmail.com> wrote in message

news:G5SdnUeHI_a4f1_a...@pipex.net...

Ronx

unread,
Mar 1, 2008, 3:54:09 AM3/1/08
to
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" <rfro...@iw.net> wrote in message
news:hLWdnTPZg_5UE1Xa...@prairiewave.com:

0 new messages