[SOLVED] Hook "Home" banners (Theme configurator) - Misaligned in Firefox/IE browser

[vmarkovic]

Hi Guys,

My hook "Home" banners (Theme configurator) are misaligned when browsing site with Firefox.

 

I did made some changes in these banners (all through Theme configurator module). I cut in half height of first rows banners (142p), and added another 2 rows of 3 banners in a row.

 

I really dont know how to fix this, so as always any help is much appreciated.

Site: http://hejkupi.me
 

Here is screenshot:

 

Thanks.

Regards, 

Vedran

Edited June 19, 2014 by vmarkovic (see edit history)

[vekia]

at the moment i don't see there these banners

you disabled them? or what?

[Paulito]

Hello

 

I see this in FF

http://screencast.com/t/H5oM8SkWtMIb

 

Paul

[vmarkovic]

at the moment i don't see there these banners

you disabled them? or what?

Hi Vekia,

 

No, I didnt disabled them.

 

Hello

 

I see this in FF

http://screencast.com/t/H5oM8SkWtMIb

 

Paul

 

vibestore.co.uk under construction

Hi Paul,

 

Actually, I see it as attached above in FireFox and in IE.

 

PS - Nice store

 

Regards,

 

Vedran

Edited May 10, 2014 by vmarkovic (see edit history)

[dioniz]

Only solution i see right now is to remove height:auto from

#htmlcontent_home ul li img {
    height: auto;
    max-width: 100%;
}

but you need to do this only for high resolutions with media query, otherwise your images won't look good at smaller resolutions.

[vekia]

Hi Vekia,

 

No, I didnt disabled them.

 

Hi Paul,

 

Actually, I see it as attached above in FireFox and in IE.

 

PS - Nice store

 

Regards,

 

Vedran

 

sorry for the confusion, somehow i had little troubles with add block, i blocked whole blocks and this is why banners disappeared for me. now i see and seems like problem is solved? )

[vmarkovic]

sorry for the confusion, somehow i had little troubles with add block, i blocked whole blocks and this is why banners disappeared for me. now i see and seems like problem is solved? )

Hi Vekia,

 

Sorry for late reply. Actually it is not solved, as I did not figure it out how to solve. Regarding firefox not showing these banners - it happened to me few times.

 

Regards,

 

Vedran

[stevent]

I have the same problem on my site :

 

Any body can help for this? thank you verry much !

Edited June 23, 2014 by stevent (see edit history)

[stevent]

I found solution : 

 

global.css

 

change :

 

.col-xs-4 {

  width: 33.33333%; }

 

In : 

 

.col-xs-4 {

  width: 33.3%; }

 

And it's all riiiiight

[vmarkovic]

 

I found solution : 

 

global.css

 

change :

 

.col-xs-4 {

  width: 33.33333%; }

 

In : 

 

.col-xs-4 {

  width: 33.3%; }

 

And it's all riiiiight

 

Hi stevent,

 

Thanks for your reply. This is not working in my case.

 

Regards,

 

Vedran

[stevent]

You must test in firebug first ==> here is the solution for you ==>

 

.col-xs-4 {

    width: 33.293%;

}

[vmarkovic]

 

You must test in firebug first ==> here is the solution for you ==>

 

.col-xs-4 {

    width: 33.293%;

}

 

 

Hi Stevent,

 

Sorry, I am not so skilled with this. Anyway, thanks for your solution, it is working

 

 

But, it is happening again in Internet Explorer, any solution for that?

 

Regards,

 

Vedran

Edited June 18, 2014 by vmarkovic (see edit history)

[stevent]

test with this : 33.289%

 

In Internet exporer, firefox, Chrome, etc... you can press F12 to see the code of the site and the CSS file to test your website.

 

In firefox, you can install FIREBUG to do that.

 

check this video : 

[vmarkovic]

test with this : 33.289%

 

In Internet exporer, firefox, Chrome, etc... you can press F12 to see the code of the site and the CSS file to test your website.

 

In firefox, you can install FIREBUG to do that.

 

check this video : 

TA-DA! Solved!

 

Thanks a lot stevent for you help, I will mark thread as [sOLVED]

 

Regards,

 

Vedran

[stevent]

You'r welcome :-)