FORUMS: list search recent posts

Background position 'bottom' not working in ie8

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
David Thomas
Background position 'bottom' not working in ie8
on Dec 10, 2010 at 7:56:47 am

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.

http://www.manywonderfulthings.co.uk


Return to posts index

Mike Smith
Re: Background position 'bottom' not working in ie8
on Dec 10, 2010 at 9:26:57 am

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!

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fhrnewseastang...

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=ht...


Return to posts index

David Thomas
Re: Background position 'bottom' not working in ie8
on Dec 10, 2010 at 2:51:19 pm

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


Return to posts index


Mike Smith
Re: Background position 'bottom' not working in ie8
on Dec 10, 2010 at 6:55:58 pm

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 ....


Return to posts index

David Thomas
Re: Background position 'bottom' not working in ie8
on Dec 10, 2010 at 7:41:07 pm

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


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]