Slideshow Header Text Position In IE

Free Joomla module to create slideshow on your website which includes different data like part of articles or text defined by user.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Thu Feb 06, 2014 4:28 pm
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
User avatar
Senior Boarder

teitbite
Thu Feb 06, 2014 8:55 pm
Hi

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

GK User
Fri Feb 07, 2014 10:06 am
Hi ,

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

Brett
User avatar
Senior Boarder

teitbite
Mon Feb 10, 2014 10:22 pm
Hi

I have send this issue to programmers for check.
User avatar
Moderator

GK User
Tue Feb 11, 2014 6:37 pm
Thanks! :)
User avatar
Senior Boarder

teitbite
Wed Feb 12, 2014 8:08 pm
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;
}
User avatar
Moderator

GK User
Thu Feb 13, 2014 5:12 pm
Awesome!

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

Thanks again!

Brett
User avatar
Senior Boarder

teitbite
Thu Feb 13, 2014 7:54 pm
Hi

All thanks to Dziudek who came up with this solution :)
User avatar
Moderator


cron