Stylesheets - background-image, what am I overlooking

Author

background-image, what am I overlooking

hrschp

2005-12-16, 7:56 pm

Hi,

as far as I know this always worked for a simple webpage up till a few
days ago

BODY {
background-color: white;
background-image: url(img/footer.gif);
background-repeat: no-repeat;
background-position: bottom left;
margin: 0px;
padding: 0px;
}

The problem is that MSIE 6 does give the back ground-image but Opera and
Firefox (both latest) don't anymore. Am I missing a semi-colon somewhere
I don't see what is wrong. I did work on CSS but in another area where I
added an image for <ul> bullets (that does work)

ul.stem {
list-style-image: url(img/stemform.gif);
}

tx JP

Leonard Blaisdell

2005-12-16, 10:43 pm

In article <43a33c57$0$10081$ba620dc5@text.nova.planet.nl>,
hrschp <no@mail.pl> wrote:

> Hi,
>
> as far as I know this always worked for a simple webpage up till a few
> days ago

URL?

leo

--
<http://web0.greatbasin.net/~leo/>

hrschp

2005-12-17, 10:38 pm

Leonard Blaisdell wrote:
> In article <43a33c57$0$10081$ba620dc5@text.nova.planet.nl>,
> hrschp <no@mail.pl> wrote:
>
>
>
>
> URL?
>
> leo
>
www.lokaal.org

Jukka K. Korpela

2005-12-17, 10:38 pm

hrschp <no@mail.pl> wrote:

> www.lokaal.org

Did you change it? The background image is visible on Firefox 1.0.2.
Well, not on Opera.

The part of the style sheet that sets the background looks simple enough.
I'd suggest that you test by removing CSS rules until the problem vanishes,
to find out what's wrong - or maybe this is just an Opera bug.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

hrschp

2005-12-17, 10:38 pm

Jukka K. Korpela wrote:
> hrschp <no@mail.pl> wrote:
>
>
>
>
> Did you change it? The background image is visible on Firefox 1.0.2.
> Well, not on Opera.
>
> The part of the style sheet that sets the background looks simple enough.
> I'd suggest that you test by removing CSS rules until the problem vanishes,
> to find out what's wrong - or maybe this is just an Opera bug.
>

Thanks for this, Ihave just upgraded both Opera as well as firefox (1.5)
maybe I found a bug ?

JP

Spartanicus

2005-12-17, 10:38 pm

hrschp <no@mail.pl> wrote:

>www.lokaal.org

Your body has no height since all it's children are absolutely
positioned.

IIRC something changed in the CSS2.1 proposals with regard to correct
browser behaviour, Opera and recently Firefox have been brought inline
with the new rules.

--
Spartanicus

hrschp

2005-12-17, 10:38 pm

Spartanicus wrote:
> hrschp <no@mail.pl> wrote:
>
>
>
>
> Your body has no height since all it's children are absolutely
> positioned.
>
> IIRC something changed in the CSS2.1 proposals with regard to correct
> browser behaviour, Opera and recently Firefox have been brought inline
> with the new rules.
>

Thanks that is indeed where the problem is. The old solution doesn't
work anymore even with providing height parameters to the body (as it
should be at the bottom of pages of different length, it now seems to
end up at minimum height). Would you have a solution using a function
under body as I do now or would I have to put a <div> at every bottom
with a background image? Does this still work with MSIE?

Thanks in advance

JP

Spartanicus

2005-12-17, 10:38 pm

hrschp <no@mail.pl> wrote:

>
>Thanks that is indeed where the problem is. The old solution doesn't
>work anymore even with providing height parameters to the body (as it
>should be at the bottom of pages of different length, it now seems to
>end up at minimum height). Would you have a solution using a function
>under body as I do now or would I have to put a <div> at every bottom
>with a background image? Does this still work with MSIE?

You can't get it to work as it works in IE, it isn't spec compliant.
Adding a footer div isn't going to help, as it would have to be
absolutely positioned, and you can only position it in relation to the
viewport.

--
Spartanicus

Jim Moe

2005-12-17, 10:38 pm

hrschp wrote:
> Thanks that is indeed where the problem is. The old solution doesn't
> work anymore even with providing height parameters to the body (as it
> should be at the bottom of pages of different length, it now seems to
> end up at minimum height). Would you have a solution using a function
> under body as I do now or would I have to put a <div> at every bottom
> with a background image? Does this still work with MSIE?
>
You could style <html> with the background image rather than <body>?

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

hrschp

2005-12-18, 3:26 am

Jim Moe wrote:
> hrschp wrote:
>
>
> You could style <html> with the background image rather than <body>?
>
nope that gives the same problem