CSS background issue in IE 7 and 8..

[xob]

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

 

[designguy79]

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.

 

[xob]

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!

 

[designguy79]

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.

 

[xob]

http://ipinfo.info/netrenderer/ <--I test using that. I am hand coding with Coda. I'll check the settings!

 

[agiphone]

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

and then center the footer div.

 

[xob]

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.

 

[manueld]

one quick way to check for things like the above error is by validating your site.
http://htmlhelp.com/tools/validator/