logo wrong place internet explor

OK, thanks anyway!

The problem seems to occur only in IE on browers widths between 979px and 1068px. This CSS should fix it, until next version:

@media (min-width: 979px) and (max-width: 1068px) {
body.ie .row-fluid .span9 {width: 72%;}
}

Thanks Acub, this works!

BUT: Now in IE the three featured images on the front page are square, not round….(?)

There is no way the code above affects the hover effect on .round-div. You can test that by removing my code.

It must have been something else you did.

But I guess it could be made more specific, to make sure it only applies to header. Please update the code to this:

@media (min-width: 979px) and (max-width: 1068px) {
body.ie .row-fluid .span9.navbar-wrapper {width: 72%;}
}

@apestaartje, is the circle issue apparent on the theme’s demo site?

No Andrew, also on the theme demo site there ares squares.

Acub, the squares in IE don’t have to do with your – brilliant – code, I assume they already were there from the beginning.

I have read some posts about the same issue. It seems nobody has the answer, they say it has to do with CSS3 style IE wouldn’t support…
I have tried some plugins concerning this issue, but still no luck.

You have two options: leave IE with rectangular images. IE users deserve to see uglier pages, if you ask me.

Or make the thumbnails rectangular in all browsers.

#main-wrapper .round-div {border-radius: 0;}

Why? Because your client is “locked down” to IE 6.0. Or 7.0. Or 8.0. The version is not important. The “locked down” part is. How can you be locked down to a browser version that’s not even W3C compliant? What if your grand-grand…-grand fathers got locked down to 4-legged walking 2.7.1?

Hahaha, nice comment Acub ??
It’s still a pity – IE grand grand fathers or not – IE users can’t experience all the advantages of such a nice theme. Somewhere I hoped someone would have the solution to ‘please the oldies’.
I’m from Holland – it’s a Dutch website – and however ‘progressive’ and ‘liberal’ as the Dutch may be, at this time still 35 percent of internet clients use IE.

Thanks a lot for your cooperation, and may be in the future the Customizr will be adapted for all those poor IE users.

It’s too much to ask in my opinion for people who are giving away their theme for free.

@acub : ??

@aperstaartje: IE9 and IE10 fully support CSS3. So the theme renders as it should in them. The problem only appears in versions 8.0 and below. So we’re talking roughly 5%, not 35%. That’s worldwide.
As for Netherlands, the only stats I could find are at statcounter.com.

For last month:
IE 8.0 : 6,79%
IE 7.0 : 0,95%
IE 6.0 : 0,01%

That’s a total of 7.75% users who see squares instead of circles. ??

Let me tell you, I’m using IE 9.0 and in my browser no circles…

Than you must have some compatibility-mode switched on or something. According to Microsoft, IE9 fully supports border-radius. And that’s the CSS3 property Customizr’s magic circles use.

See here. Says IE9+.

As @acub points out, IE8 backward compatibility is always going to be a nightmare for web developers. Consider that, IE version 8 users use Windows XP since MS froze their IE development support for XP at IE 8. So the question is are you targeting your site at the ‘older population’ who are very reluctant to upgrade?? Bottom line, you need to know your audience and accept some design compromises.

I believe as long as the theme and your website does not fall apart, but degrade gracefully in the older browsers (is readable, etc.) — then I suggest you should be quite satisfied with Customizr outcome.

For myself, I ignore IE8 and below entirely. It is not worth the time and effort to make it “perfect”. I’d say you’re reaching the point of diminishing returns on your efforts. ??