IE7 Column Issue

In IE7 the right column modules float left.

I've turned on selectivizr - which has no effect.

I even tried adding Modernizr - also has no effect.

Do I need to uncomment the following in in the head.php file?

Code: Select all

<!--[if IE 8.0]><link rel="stylesheet" href="<?php echo $this->URLtemplate(); ?>/css/ie8.css" type="text/css" /><![endif]-->
   <!--[if IE 7.0]><link rel="stylesheet" href="<?php echo $this->URLtemplate(); ?>/css/ie7.css" type="text/css" /><![endif]-->

Joomla 2.5.4
Black and White 2.7

Hi

Please show me Your site.

Heres the url to the site

http://www.icaretravel.com/jupgrade/

Hi

Please tell me an exact url to an example page with this problem. I cannot find it.

http://www.icaretravel.com/jupgrade/ind ... temid=171#

Hi

It's a validation error http://validator.w3.org/check?uri=http% ... ne&group=0

one of layer has no closing tag </div>

Please check the content of articles visible on this page.

Hi

It's a validation error http://validator.w3.org/check?uri=http% ... ne&group=0

one of layer has no closing tag </div>

Please check the content of articles visible on this page.

I found and removed the offending closing </div> tags - verified the page again via validator.w3.org but still have the same issue in IE7.

Any chance that the followng is creating a conflict which is preventing selectvizr or modernizr from working properly in IE <8 ?

<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

Hi

It's not a selectivizir issue. This is because IE interprete edges of layers differently. A fix for that can be for example setting a smaller width for right column with code:

Code: Select all

#gkRight {
    width: 282px !important;
}


I got this problem only with IE7, and the strangest is that it's not present on the demo.

Hi

It's not a selectivizir issue. This is because IE interprete edges of layers differently. A fix for that can be for example setting a smaller width for right column with code:

Code: Select all

#gkRight {
    width: 282px !important;
}


I got this problem only with IE7, and the strangest is that it's not present on the demo.

Thanks for the fix - I'll give that a shot.

I was actually hoping that either selectivizr or modernizer would pick up the css3 styling on the border radius for the modules and menu. Neither seem to be rendering this in IE8 or IE7. Any thoughts on this?

Hi

As I remember selectivizir is for IE to recognise CSS3 special selectors as ":first-child, 2)". It does not a support of CSS3 rules.

Try use this one: http://css3pie.com/