CODEWITHSUNDEEP
cssinternet-explorerbackgroundbackground-position
Udders
Udders

Reputation: 6976

background position IE9

In my CSS I am placing a background like so, 

background:url(/media/images/body-background.png) bottom left repeat-x;

The is a gradient that runs from white to grey, and I am wanting it start at the bottom of my <body> and repeat across the screen, however in IE it seems to sit no where near the bottom of my body, is there any reason for this?

URL - http://apigroup.factoryagency.co.uk

Upvotes: 1

Views: 2795

Answers (2)

rolando.pdl
rolando.pdl

Reputation: 51

Sico87
Just because you are dealing with IE I would avoid doing short hand css, I haven't used it too much but in the past this was an issue with IE. Also, while looking at your site I notice you are giving the body a height of 100%, this might be unnecessary, remove the body height Then try this:

body {
    background-image: url("/media/images/body-background.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    font-family: Arial,Helvetica,Tahoma,sans-serif;
}

I hope this helps.
By the way, nice job with the site design ;)

Upvotes: 1

wilsonpage
wilsonpage

Reputation: 17610

You could try changing the order of the values like this:

background:url(/media/images/body-background.png) repeat-x left bottom;

Upvotes: 0

Related Questions