Click to See Complete Forum and Search --> : background stretch
supercain
02-26-2009, 10:12 AM
Hi,
ive been looking for css code that allows you to stretch the background image of a table to the size you want and works in IE and FF, something like in this page http://www.medix-up.com/doctor/d_prog/index.html. I tried looking at the code they used but i cant get it. Im not even sure if its css what they are using for that.
Thank you.
They are using nested tables to create the effect.
supercain
02-26-2009, 07:37 PM
You mean tables inside tables? how come that stretches the background image?
On closer inspection the image is not stretched just repeated.
supercain
02-27-2009, 10:00 PM
its not repeated, its clearly stretched from the original. I dont know what they are using but its something i havent seen before.
rpgfan3233
02-27-2009, 10:11 PM
I didn't see anything repeating or stretched in Firefox, but in Opera 9, it repeated horizontally - http://www.medix-up.com/doctor/d_prog/images/bg.jpg
bg.jpg, the background image is 680px × 2000px and not stretched
supercain
03-01-2009, 07:25 PM
Yes, i missed that. Sorry. But i have read background stretch is possible with background-size, a css property. I tried it but could never get it to work.
rpgfan3233
03-01-2009, 08:18 PM
Yes, i missed that. Sorry. But i have read background stretch is possible with background-size, a css property. I tried it but could never get it to work.
'background-size' (http://www.w3.org/TR/css3-background/#the-background-size) a CSS3 property. Most browsers (especially IE) only support CSS 2.0 or CSS 2.1, which doesn't have that property. If you look at the CSS 2.1 property table (http://www.w3.org/TR/CSS21/propidx.html), you won't find 'background-size'.
Until CSS3 is finished and working in most browsers, you can't really use 'background-size' reliably.
supercain
03-02-2009, 11:51 AM
Thank you. Those are bad news tough.