/    Sign up×
Community /Pin to ProfileBookmark

background image problem in ie

Copy linkTweet thisAlerts:
Dec 09.2010

I’m having an issue in ie with a background image. I want the background image in the body tag to sit at the bottom of my page (not my window). In all other browsers, this works – anyone know how I can fix this?

hrnewseastanglia.com

[CODE]#body1
{
text-align:center;
padding:0;
font-family: “Trebuchet MS”, Helvetica, Arial, sans-serif;
background-color:#000;
background:url(images/golfBG1.jpg) center bottom no-repeat;
}[/CODE]

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@7keltDec 09.2010 — Hello dlthomas,

I had the page loaded on IE and the background looks okay. Only problem was the text placing, they were all over the place.

Page worked perfectly on Chrome though.

Cheers. ?
Copy linkTweet thisAlerts:
@dlthomasauthorDec 09.2010 — I think the background works in ie9, but not on anything below.

The text placing? That's a bit odd - any reason you can think of?
Copy linkTweet thisAlerts:
@7keltDec 09.2010 — Sorry, can't think of anything right now that might cause those problems. ?

I also loaded your page on Firefox. I think you should note that since you stated in your CSS to have the background image stick at the bottom of the page and not repeat, adding more text or zoom/full-screen etc. will affect how your page looks.

To me, it looks the best on my chrome browser while the extra bars (bottom loading bars, bookmark bars etc.) on my Firefox makes the background a little off centered around the header. This is minor though.

I will look further into the IE problems you are facing and get back to you should I get any answers.

Good luck! ?
Copy linkTweet thisAlerts:
@dlthomasauthorDec 09.2010 — Thank you I appreciate it. Can't get background images positioned to 'bottom' at all in ie - not even in divs... it's really strange.
×

Success!

Help @dlthomas spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...