Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

xob

macrumors member
Original poster
Jun 21, 2006
39
2
http://nailsage.com

I just popped up this small site for a friend and can not figure out why the background image will NOT display in IE but works fine in all the webkit browsers and Firefox. I am stumped! I just got back into the web design gig after a four year hiatus (CSS was new to me). Here is the portion of the code for the area in question:

#main {
background-image: url(images/main2.jpg);
position: relative;
width: 945px;
height: 703px;
top: 45px;

}

Any tips? Thanks for any help in advance! -Hugo
 
It looks like your entire CSS file is not loading properly for IE. And by doing a "view source" it appears that the line breaks are not showing up properly. I would try opening your CSS file in WordPad (on Windows) and saving it back out as a plain text, then renaming to .css and see if that helps.
 
I could certainly give that a try.... though I do not have a windows machine. I will review the formatting and see if there is something amiss. Any mac based solutions off hand? Thanks!
 
How are you testing in IE then?

I am sure that you can do something similar on Mac, I just can't think of what program to try off the top of my head.

What (text?) editor are you using? It should have an option on what type of line-breaks to use.
 
Wow! That was it. Sharp eye. It's a mess in there. Works great as far as I can tell. Thanks!


You may want to close this div <div id="wrap" <=

and then center the footer div.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.