Iframe content not loading properly in Firefox and IE

Question

I have 4 iframes in different 4 tabs. Content is getting cropped in Firefox but loading properly in Chrome. When I do reload Iframe content is getting loaded properly. But initially having problem.

Answer 1

Even I faced the same problem. The issue happened because initially we are hiding all the iframes except the first one. If you make any divisions as a display none, then your DOM will not refer the contents inside of them.

OK. Instead of using "display:none", you use "visibility:hidden". After this changes it will work. Becuase visibility hidden is just hide the visibility, but all DOM will load initially. But the problem is you can see the space occupation on that place.

What I Did:

Each and every tab onclick I have refreshed the particular div using jquery. Also I have moved the script on bottom the page. After that it was working fine for me.

Hopefully this idea will help you.

Answer 2

Can you link screenshot of your issue?

Looks fine to me in every browser.

IE

Chrome

Mozilla FF