spk1973 Posted July 22, 2009 Report Share Posted July 22, 2009 Hello, I am creating a small site for a surveying business, using a 12x12px image repeating for the body of the pages. The image will not show up in IE, works in Safari and FireFox. I have googled this problem and found lots of people having the same problem but I cannot find a solution for my particular problem so I am posting here. I have validated the css and html and they're valid. The site can be found here: http://www.jgmachineco.com/web/index.html The css can be found here: http://jgmachineco.com/web/style.css I wasn't sure where to post this, I've worked with web design for several years, so it's not really beginner stuff, but I'm not familiar with resolving conflicts with IE (which I'm guessing is the culprit here). Any help greatly appreciated. -Shawn Quote Link to comment Share on other sites More sharing options...
virtual Posted July 22, 2009 Report Share Posted July 22, 2009 Your code is like this: .wrapper{ margin:auto; width:800px; padding:25px; background:url(images/paper_bg.jpg)0% 0% repeat; } change to this and your background image will appear. Note the space after the (images/etc..) background:url(images/paper_bg.jpg) 0% 0% repeat; It is an IE specific problem, forget the space and the image does not show Quote Link to comment Share on other sites More sharing options...
spk1973 Posted July 22, 2009 Author Report Share Posted July 22, 2009 OUTSTANDING!! Thank you thank you thank you. I knew it had to be something small, but I don't know that I ever would have gotten that. Damn, I love this interweb thing. I'm gonna be visiting this site more often in the future. Thanks again, -Shawn P.S. While we're on the subject of IE weirdness, are there any other quirks you would offer advice about/direct me to a page that describes such quirks? I know (kind of) about the box model, but that's about it. Thanks in advance. Quote Link to comment Share on other sites More sharing options...
Wickham Posted July 22, 2009 Report Share Posted July 22, 2009 (edited) Always check IE6 because it may very well display differently and always use a doctype to avoid IE's quirks mode which means padding and borders will be inside the box, not outside as with IE7, Firefox etc. (is that called the box model?). IE6 elements which have a float and a margin on the same side as the float will double the margin on that side. Edited July 22, 2009 by Wickham Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.