Slideshow Header Text Position In IE

Hi Folks,

I've been utilising the Image Show Gk4 module on my site and created several slides.

While these work and look great, I have noticed the text position is different on IE. The problem seems to be it places the large header text/slider bar to the left (note it does not float left), where all the other browser position the text to the right.

I think this is the code it uses here...

Code: Select all

.gkIsWrapper-gk_game figcaption > div {
float: right;
margin: 14% 0 0 0;
width: 50%;
}

You can actually see this happening in real time if you use the demo link in IE and the other browsers http://demo.gavick.com/joomla25/game/

Also the images below showcase the problem.

Does anyone have any ideas as how to get IE to float the text properly?

Brett

PS: I use the version of IE that comes with Windows 8.1, my Joomla version is 3.2.1

Hi

Can You please chek the IE version exactly ? I see it correctly when I look with my IE9.

Hi ,

The version I am using is Internet Explorer 11 (desktop version).

Brett

Hi

I have send this issue to programmers for check.

Thanks!

Hi

Got an answer:

Adding:

width: 1260px;

for this selector:

.gkIsWrapper-gk_game figcaption

should help in this case.

So try add this to override.css and make sure override is enabled in template settings:

Code: Select all

.gkIsWrapper-gk_game figcaption {
width: 1260px;
}


Awesome!

I can confirm this has sorted the problem out in IE 11!

Thanks again!

Brett

Hi

All thanks to Dziudek who came up with this solution