Rendering Issue on IE6-7

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
pkbowen
Forum Members
Forum Members
Posts: 28
Joined: Tue Jun 10, 2008 6:23 pm

Rendering Issue on IE6-7

Post by pkbowen »

Hey all,

I'm having an issue with http://pineridgesportingclays.com.  I'm at wit's end with this site.  This site will NOT render correctly in Internet Explorer 6 and 7, but displays fine on every other browser on the planet.  The code is 100% W3C compliant (last I checked, anyway), and I don't know what is causing it to appear blank on IE6/7.

Can one of you guys have a look at this to see if there is anything obvious that I missed?  My client is getting pretty agitated about this, even though I keep telling him that it's something that I simply have not been able to fix, though not for lack of trying.

Have a happy Thanksgiving!
-pkbowen
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Rendering Issue on IE6-7

Post by Dr.CSS »

You have some JS to make round corners but you have the open code above the corners.js and the open code should be below that, and you have a not valid div call...



line 96 column 28 - Error: there is no attribute "name"
pkbowen
Forum Members
Forum Members
Posts: 28
Joined: Tue Jun 10, 2008 6:23 pm

Re: Rendering Issue on IE6-7

Post by pkbowen »

Thanks, man! I'll fix those couple of things and see if it works.
pkbowen
Forum Members
Forum Members
Posts: 28
Joined: Tue Jun 10, 2008 6:23 pm

Re: Rendering Issue on IE6-7

Post by pkbowen »

Doesn't look like this was the right fix.  I moved the script loading up above the rest of the JS and removed the "name" attribute from the left content DIV.  Still no dice.

This problem can be replicated in IE8 by turning ON the "compatibility view" (the broken page icon in the address bar).  The way it displays the page with compatibility view ON is identical to IE6/7.

Thanks for the help so far!  Any other ideas?
-Pat
pkbowen
Forum Members
Forum Members
Posts: 28
Joined: Tue Jun 10, 2008 6:23 pm

Re: Rendering Issue on IE6-7

Post by pkbowen »

Wow...weirdest fix I've ever had.  Here is how I deduced a solution:

1.  I saw the calendar page was working --> there must be a difference!
2.  There is no clearing (style="clear:both; height: 25px;") DIV on the calendar page --> it must be the div with class "clear"
3.  I removed the div, and the page rendered correctly in IE6/7 --> REALLY must be the problem
4.  I removed the "height" attribute and, lo and behold, the page is now fixed!

This begs the question: Why can't IE6/7 render divs with both a clearing and height attribute?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Rendering Issue on IE6-7

Post by Dr.CSS »

Height in ie6,7 is just a suggestion, if content is more than the height the container will grow with it...
Post Reply

Return to “Layout and Design (CSS & HTML)”