CODEWITHSUNDEEP
javascripthtmlcss
ABC
ABC

Reputation: 3

Iframe content not loading properly in Firefox and IE

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.

Upvotes: 0

Views: 1051

Answers (2)

Suresh Ponnukalai
Suresh Ponnukalai

Reputation: 13998

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.

Upvotes: 1

4dgaurav
4dgaurav

Reputation: 11496

Can you link screenshot of your issue?

Looks fine to me in every browser.

IE

enter image description here

Chrome

enter image description here

Mozilla FF

enter image description here

Upvotes: 0

Related Questions