...

View Full Version : expanding div works in IE7, FF, Safari, etc, but NOT IE8!!



oldnoisy
11-10-2009, 01:08 AM
Hey all, the test page is here. Notice when you expand the "view more details" in IE8 to the point where it is supposed to push the page down, it doesn't! But it does in FF/Safari.

HTML (http://www.muchomungo.com/CrowdTwist/pages/artist_center/reporting_regions.html)

CSS (http://www.muchomungo.com/CrowdTwist/resources/skins/crowdtwist.com/css/artist_center/style.css)

Potentially relevant CSS:


body {
margin: 0;
padding: 0;
min-height:0;
}
div.container {
width:100px;

}
div.outerBody {
width:100%;
min-height:0;
}
div.innerBody {
width:100%;
background-image:url("../../images/artist_center/body_bg.jpg");
background-repeat:repeat-x;
min-height:0px;
height:auto !important;

background-color:#cedce5;
text-align:center;
margin: 0;
position:absolute;
}

div.tabContent {
width:945px;
min-height:596px;
border:solid 1px #cccccc;
float:left;
position:relative;
margin-left:14px;
padding-bottom:14px;
margin-bottom:14px;

}


I'm using clearfix to make things work in IE7, but clearly there's some kind of other problem going on.

Thanks for any help!

Excavator
11-10-2009, 01:17 AM
Hello oldnoisy,
Those links are both the same. HTML link gives you style.css when clicked.

oldnoisy
11-10-2009, 09:15 PM
Hello oldnoisy,
Those links are both the same. HTML link gives you style.css when clicked.

Link edited :rolleyes:

Excavator
11-11-2009, 12:16 AM
I don't think you're allowed to put a div inside an li like that. It's invalid no matter what DocType I checked with. That might make for some unpredictable results.

oldnoisy
11-11-2009, 12:58 AM
I don't think you're allowed to put a div inside an li like that. It's invalid no matter what DocType I checked with. That might make for some unpredictable results.

The W3C XHTML 1.1 validator doesn't bring that up specifically as a problem. One other thing I noticed is that when you select the text on the page in IE8 after having broken the page using the expandable parts, the pages seems to redraw and everything looks fine. Then if you collapse those areas and select more random text, it shrinks again. This definitely seems like some kind of bug.

Excavator
11-11-2009, 01:09 AM
The W3C XHTML 1.1 validator doesn't bring that up specifically as a problem.

It is the very first one.
Line 90, Column 53: document type does not allow element "div" here; assuming missing "li" start-tag
<div class="coda_bubble">

oldnoisy
11-11-2009, 01:15 AM
It is the very first one.

But for the entire expandable parts, there's easily 10-12 <div> inside <li>.. why that particular one?

EDIT: I took out that entire section anyways and the problem still remains.

Excavator
11-11-2009, 01:30 AM
That's just the first one. Take it out, check again and the validator just targets the next one.
Between that, the resulting incomplete ul and li 's and the id's being re-used (#stats-northeast and #main)... it's a wonder it works at all.

I would recomend going through the list of errors, starting at the top, and fix every one that your able.

oldnoisy
11-11-2009, 02:10 AM
Okay it's 100% validated.. still not working :mad: .. link is now http://www.muchomungo.com/CrowdTwist/pages/artist_center/reporting_regions.html

Excavator
11-11-2009, 02:24 AM
I don't understand. FF3.5 and IE8 both seem to work perfectly now. I think.
Was your problem in IE6?

Arbitrator
11-11-2009, 02:25 AM
Okay it's 100% validated.. still not working :mad: .. link is now http://www.muchomungo.com/CrowdTwist/pages/artist_center/reporting_regions.htmlBoth "View More Results" links are working fine for me in WIE8 on Vista on both normal view and Compatibility View.

oldnoisy
11-11-2009, 02:32 AM
They work fine yes, but do you see at the bottom how it breaks the page when it expands?

oldnoisy
11-11-2009, 03:00 AM
It does work for me in compatibility mode as well though.

oldnoisy
11-11-2009, 03:10 AM
I'd love a good solution, but for the time being I've just added

<meta http-equiv="X-UA-Compatible" content="IE=7" />

in the <head> which forces IE8 to act like IE7. Anyone see a problem with this?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum