IE7 CSS display problem

Bill Burns — Wed, 24 Dec 2008 02:12:10 +0000

Having a problem with Internet Explorer 7 not displaying any of the CSS for this store. Loads fine in Firefox, and the basic local template outside of Shopify tests out fine in IE7. http://labelyourstuff.myshopify.com/ Thanks in advance for any ideas - I'm really stumped on this.

Psych commented

Psych — Wed, 24 Dec 2008 22:04:52 +0000

Yes, I looked at your page at work (Older than IE7 I think 2003 MS Browser) and what I see now here on my IE7 is different again.

It looks a mess. Sorry.

You should try out your site in all the browsers. If it ends up completely IE7 specific then you need to go and do some searching, there would/should be lots of sites in the same position. Hopefully its nothing in the liquid script…

Bill Burns commented

Bill Burns — Mon, 29 Dec 2008 17:12:52 +0000

Have done a bunch of searches here on forums and hadn’t uncovered anything prior to my post.

The templates are cross-browser pixel-perfect outside of Shopify, this jumbling of IE only occurs within the framework.

Caroline Schnapp commented

Caroline Schnapp — Mon, 29 Dec 2008 20:26:18 +0000

Bill,

Looks like IE is able to read your screen.css file up to a point, then it disregards the rest of your rules. IE is less forgiving then Firefox and Safari with HTML and CSS errors.

I have run your home page through W3C CSS Validator.

There is a lexical error on line 82 of screen.css.

See attached screenshot.

Disregard rounded-corners errors, they don’t matter. Do fix the first two errors though. That should resolve your problem.

Caroline Schnapp commented

Caroline Schnapp — Mon, 29 Dec 2008 20:31:05 +0000

Yeah for sure it’s that.

Look at the double quotes there, and see what comes next: your footer styling.

Feel free to drop me a donation on my website if I saved your ass.

#rightnavbox {
    float: right; 
    border: 1px solid #999; 
    width: 140px; 
    background-color: #ff9505; 
    margin:0 0 5px 10px; 
    padding:2px 2px 5px 2px;" 
}

#footer {
 ....

Bill Burns commented

Bill Burns — Mon, 29 Dec 2008 21:00:54 +0000

Yeah, that code was introduced by one of our developers after the CSS was pulled into Shopify. Ran a diff on things shortly after my post today and found this… neglected to follow up here. Thanks for your input!

Caroline Schnapp commented

Caroline Schnapp — Mon, 29 Dec 2008 21:18:51 +0000

found this… neglected to follow up here

Wasted my time in replying to your post then.

The templates are cross-browser pixel-perfect outside of Shopify, this jumbling of IE only occurs within the framework. [...] introduced by one of our developers…

Blame one of the developers then. Not the framework.

will j commented

will j — Wed, 04 Nov 2009 14:13:20 +0000

My homepage isn't showing page content in IE7 either.

http://www.spinultimate.com/index

...and WHY are the forum post dates showing as DEC 2009????? Its not December yet???

Jamie commented

Jamie — Wed, 04 Nov 2009 14:43:57 +0000

Hey Will.

Start with your mark-up errors and I think this may resolve itself. You have a bunch of div errors that will definitely throw off ie. [see screen]