Snadden Tim wrote:
> Recently I needed to set a background image on <body> in order to create
> full height faux columns. I found that if font size is set on <body>
> that IE still uses the default font size to position the background
> image. To get around it I ended up putting the background image on a div
> instead.
>
> Here is a demo:
> http://snadden.com/demo/ie-background.htm
>
> Has anyone else come across this before? Are there any other ways around
> this?
>
> Thanks, Tim
Hi Tim
both the following show the background image at 20em
html {
background: #FFF url(right-shadow.gif) repeat-y 10em;
font-size: 2em;
}
div { /* with containing div in html */
background: #FFF url(right-shadow.gif) repeat-y 10em;
font-size: 2em;
}
but if the same style is used on the body, the bug is present showing 10em in
IE and 20em in Firefox.
body {
background: #FFF url(right-shadow.gif) repeat-y 10em;
font-size: 2em;
}
Another IE bug surely. I would recommend using font-size:200%; so not to set of
another IE bug when using em on the body.
http://css-discuss.incutio.com/?page=UsingEms
Kind Regards, Alan
Kind Regards, Alan
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
