Click here to get back home

How to make background img fit
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
How to make background img fit Steve Dambrowski 06-28-2006
Posted by Steve Dambrowski on June 28, 2006, 10:01 am
Please log in for more thread options

How do I make my background image fit the screen so
no one has to scroll, and at the same time it's not
tiled looking??

I have one that is 800x600 and one that is 1084x768.

The small one tiles.. and the big one cuts off the bottom.

http://www.azclan.net/index2.html is currently the larger
jpg.


Thanks


STEve

--
(Johnny sleeping with father's new gf)
"On a creepy scale of 1 to 100, that's like a 99 and a half" -Matt
(Father announces they are getting married)
"There goes that half a creep point!" - Matt to his wife SINGLE GUY

Posted by Harlan Messinger on June 28, 2006, 11:05 am
Please log in for more thread options

You don't--there isn't a way to specify the width and height of the
background image different from its intrinsic width and height. And you
really wouldn't want to, since it would be ugly and distorted at many,
if not most, sizes.

Steve Dambrowski wrote:
> How do I make my background image fit the screen so
> no one has to scroll, and at the same time it's not
> tiled looking??
>
> I have one that is 800x600 and one that is 1084x768.
>
> The small one tiles.. and the big one cuts off the bottom.
>
> http://www.azclan.net/index2.html is currently the larger
> jpg.
>
>
> Thanks
>
>
> STEve
>

Posted by Lars Eighner on June 28, 2006, 12:30 pm
Please log in for more thread options


talented Steve Dambrowski broadcast on comp.infosystems.www.authoring.html:

> How do I make my background image fit the screen so
> no one has to scroll, and at the same time it's not
> tiled looking??

You can't. You can use the smaller image and keep it from repeating
(tiling) with css. Css also allows you to position the background-image
relatively and decide whether it will scroll with window or not. It will
still be cut off if by combination of resolution and browser window size
there isn't room for it. There is no provision for scaling background
images, so you cannot be sure it will fit in every window. Depending upon
the nature of the image you can make it appear fairly seamlessly on the
background through judicious choice of background-color. With photographs
it may be desirable to fade the edges so that a seamless appearance can be
achived. A seamless appearance is easier to achieve with logos and line
drawings in .gif format. This still will fail if the user overrides your
choice of background-color.


--
Lars Eighner http://larseighner.com/ http://myspace.com/larseighner
War on Terrorism: Camp Follower
"I am ... a total sucker for the guys ... with all the ribbons on and stuff,
and they say it's true and I'm ready to believe it. -Cokie Roberts,_ABC_

Posted by Neredbojias on June 28, 2006, 1:58 pm
Please log in for more thread options


vouchsafed:

> How do I make my background image fit the screen so
> no one has to scroll, and at the same time it's not
> tiled looking??

Put the image (not bg) in an absolutely-positioned div of 100% width and
height which is z-indexed beneath the rest of the content. Set image size
to 100%. Put all other content in a container of 100% height and width
with overflow:auto.

--
Neredbojias
Infinity has its limits.

Posted by Steve Dambrowski on June 29, 2006, 1:07 pm
Please log in for more thread options



>vouchsafed:

>> How do I make my background image fit the screen so
>> no one has to scroll, and at the same time it's not
>> tiled looking??


Alright.. Well, I got it to work in a way that it's not bad...

Thanks everyone for their help!


STEve

--
(Johnny sleeping with father's new gf)
"On a creepy scale of 1 to 100, that's like a 99 and a half" -Matt
(Father announces they are getting married)
"There goes that half a creep point!" - Matt to his wife SINGLE GUY

Similar ThreadsPosted
How do you make a table background cover whole table August 3, 2004, 9:49 pm
Background images January 25, 2005, 5:19 pm
with background image - what's the right way? March 4, 2005, 5:51 pm
Cannot set background color (XML+CSS) July 6, 2005, 12:16 am
How are images best set as August 26, 2006, 10:12 pm
CSS background-attachment May 19, 2007, 12:36 pm
IE7 doesn't display background.. May 23, 2007, 10:55 pm
2 layers fixed background ? July 17, 2004, 5:20 pm
cell background color February 15, 2005, 1:23 pm
How to unable background sound June 7, 2005, 5:24 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap