Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Find The IE9 CSS bug WordPress

  • SOLVED

Hi, I am working on a site and it displays correctly for every browser except IE9. I know of the 1px issue with IE9 but have no Idea what is causing this.

There are two floated divs. the container and the sidebar. they float correctly in every other browser but in IE9 the sidebar div "clears" the divs holding some widget areas I've added. At one point it was correct but something "I" changed has caused this. I have tried putting a "clear: none;" on the sidebar and changing the position element. I've also tried changing the the widths of the containers but it didn't fix the issue.

I must have an erroneous open or closed div that needs to be ferreted out but I can't find it, probably because I've been looking at it too long.

Here is the page: [[LINK href="http://www.brandmagik.com/allsat/"]]http://www.brandmagik.com/allsat/[[/LINK]]

Hopefully one of you css gurus out there can spot it in an instant.

Have increased the prize a bit and there may be more work for a css guru who finds this in the next day or two.

Answers (2)

2011-07-12

RNWest answers:

Hi

I looked at your source code and can only see one mismatcheded tag

<div class="textwidget">Call 24 hours
<h3>1-800-234-5678<h3></div>

Try closing the h3 tag

Thanks


Connie Taylor comments:

OMG that was it. I never would have guess that it would have affected only the sidebar div.

Great eyes. Thank you.

2011-07-12

Romel Apuya answers:

try this

#container {
float: left;
margin: 0;
width: 730px;
}


#sidebar {
position: relative;
width: 195px;
float: left;
margin: 5px 5px 5px 20px;
padding: 0px;
clear: none;
top: 0px;
}


Connie Taylor comments:

No that didn't work and was pretty close to what I already have in there.
#container {
float: left;
margin: 0;
width: 731px;
}


#sidebar {
position: relative;
width: 195px;
float: left;
margin: 5px 5px 5px 15px;
padding: 0px;
clear: none;
top: 0px;
}


Oddly this is working in IE7 but breaks in IE9. I can only think that am either missing or have an extra </div> tag in there that the other browsers are forgiving but IE9 isn't. I've gone over the code dozens of times and can't find it.


Romel Apuya comments:

well that was just my guess... i cant test IE9 on MAC..


Connie Taylor comments:

Thank you for looking anyway.


Romel Apuya comments:

no problem..try validating your site anyway...