Re: [WSG] Scalable background-image?

[Nick Cowie]

lets rephrase the last bit of css

#image {
z-index:1;
}

#content {
z-index:2;
}
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Scalable background-image?

[Nick Cowie]

Another not as far as I know (but that is only as far as CSS2)

alternative is to layer content
div id=imageimage height=10em width=10em src=x.jpg //div
div id=contentLorem ipsum dolor sit amet, consectetuer adipiscing
elit. Cras odio leo, feugiat ut, adipiscing vitae, malesuada id,
risus. Aenean non augue. Nulla gravida mi id mauris./div


#image, #content {
position: absolute;
top: 10em;
left: 10em;
height: 10em;
width: 10em;
}

#image {
z-index:1;
}

#content {
z-index:1;
}

Which will work well for fixed layouts, ie you can fix the size in ems
of all divs with scalable background images and make use of container
divs with position: relative;

--
Nick Cowie
http://nickcowie.com
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

RE: [WSG] Scalable background-image?

[Paul Noone]

I'm going with 'no' here. I've seen some cool stuff with % in layered divs
but no bg images. 

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Jared Smith
Sent: Wednesday, 9 November 2005 8:34 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Scalable background-image?

Is there any way using CSS to get a background-image to scale?

I've created an accessible interface that uses em for layout and font sizing
control. Everything scales beautifully as the font size changes except for
background images, which remain at the size of the original image. I can't
seem to find a way to get them to scale as the font size
(em) changes - something akin to CSS3's background-size. And % is not an
option as it scales based on the viewport size, not the font size.

Jared

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Scalable background-image?

[adam reitsma]

As far as i know, there is no way to change the scaling of the background image - but, by changing the viewable area of the background, you can effectively change the size.the general way this is done is by intentionally making the background larger than it has to be, so that if the font size is increased, there is still background image provided for the now larger area.
This can also use techniques such as sliding doors:http://www.stopdesign.com/present/2004/sydney/limits/?no=82

On 11/9/05, Jared Smith [EMAIL PROTECTED]
 wrote:
Is there any way using CSS to get a background-image to scale?I've created an accessible interface that uses em for layout and fontsizing control. Everything scales beautifully as the font size changesexcept for background images, which remain at the size of the original
image. I can't seem to find a way to get them to scale as the font size(em) changes - something akin to CSS3's background-size. And % is not anoption as it scales based on the viewport size, not the font size.
Jared**The discussion list forhttp://webstandardsgroup.org/
 See 
http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list  getting help**