View Full Version : Non-repeating background image


TanisLinkEragon
08-17-2006, 03:57 PM
Does anyone know a way to make background images stretch instead of repeating when theyre too small to fill the whole screen?

J to the izzosh
08-17-2006, 04:50 PM
You can prevent a background from repeating using the CSS property, background-repeat:no-repeat, but I'm afraid that you can't cause a background to stretch itself to the window canvas size.

TanisLinkEragon
08-18-2006, 03:48 AM
Do you know of anyway to make the image stretch itself to fit all of the text on my page?

J to the izzosh
08-18-2006, 11:22 AM
I'm afraid that you cannot stretch a background image. You can tile them and you can position them, but that is all. If you want your image to align with your text, then you will have to ensure that the image and blocks containing your text are sized and positioned accordingly.

TanisLinkEragon
08-18-2006, 06:11 PM
this is pretty much what i want. (http://zez.org/article/articleprint/66/)
Is there a way to put that into a background?
I need a middle section for that code, so i could jut sue that if there was a way to easily make the text appear over the image.

EhraniNavy
08-18-2006, 11:42 PM
Not right now. However, there will be a background-stretch property in the next release of CSS.

Right now you'll have to stick with three part backgrounds.

EDIT: You mean the whole page? Oh, well in that case you'll have to do the same thing with divs and z-indices or with nested tables.

TanisLinkEragon
08-20-2006, 04:37 PM
Thanks!
any udea when the next release of CSS will be out?

pb&j
08-20-2006, 04:56 PM
you can do a stretched background image by using a couple of divs and some positioning. if you do a google search, you should find some good hits on stretching background images.

as for css, new versions are available, but... it is the browsers that need to catch up to progress. the browser companies look at the list of html and css commands and then decide which ones will work in their next version.

TanisLinkEragon
08-21-2006, 12:36 AM
its working now!! Thanks!