-
Background position ‘bottom’ not working in ie8
I can’t for the life of me get this background image to appear as it should, at the bottom of my page (not window)..
This is my code. It’s for the body tag. I have also tried it in the main container div and it didn’t work there either.
#body2
{
text-align:center;
padding:0;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color:#000;
background:url(images/golfBG2.jpg) center bottom no-repeat;
}If you want to take a look at the website it’s hrnewseastanglia.com
Any thoughts on this guys? Really would appreciate it if anybody has any hacks or fixes I can make to correct this.
-
4 Replies
-
It does look different here in IE, Chrome and FF, though background position is not the only issue. They also handle the horizontal positioning / repeating a little differently.
You have 169 css errors liated by the validator this morning …. or 148 if you are aiming at css3.
Inconsistent treatment by browsers of non-compliant code is not unexpected. Cleaning up your css would be a good place to start!
-
Thanks for looking Mike, I will certainly look into these other errors. I wasn’t aware of some of these other issues.
I’m still after some kind of background fix for ie8 (it’s only a prob in ie8). I’ve even tried moving the bg into the html element (see below).
html {
background:#000 url(images/golfBG1.jpg) center bottom no-repeat;
height: 100%;
}
Not even that works… it’s a complete nightmare!
http://www.manywonderfulthings.co.uk
-
I did
background:url(pathtoimage) center bottom no-repeat;
in a content div as a test here now, and it works fine in IE8, FF and Chrome ….
-
Thanks Mike. Yes I did a test earlier today as well and it worked. It’s really frustrating though – as soon as I combine it with my template it doesn’t work anymore. I think my code is somehow stopping it from working but I can’t figure out what the bug is.
http://www.manywonderfulthings.co.uk
Reply to this Discussion! Login or Sign Up