why is my site's Iframe partially loading?
Dear Sir,
My website's iframe is loading partially in firefox but is loading fully in chrome. You can check it in
http://orthocad.iitb.ac.in/betic/
Please let me know what needs to be done to solve this issue.
Chosen solution
Apparently 150px is the default height for an iframe based on a CSS specification, if the other height rules don't supersede it: http://www.w3.org/TR/CSS2/visudet.html#inline-replaced-height
Read this answer in context 👍 0All Replies (5)
Your iframe has position:relative and height="100%" but the actual height is 150px.
For reasons I can't remember, the fix for this is to add this style rule to the table, not the table cell: height:100%
Also, if you add cellspacing="0" and cellpadding="0" to the table tag, some of the horizontal gaps will be removed and you can drop the width="101%" to width="100%" and remove left:-1px on your iframe tag.
Hi thanks for the immediate response;j
I have made the the table height:100%; Do I need to remove the position:relative?
Also just for the curiosity why is the total height of frame only 150px? have I specified it anywhere?
Chosen Solution
Apparently 150px is the default height for an iframe based on a CSS specification, if the other height rules don't supersede it: http://www.w3.org/TR/CSS2/visudet.html#inline-replaced-height
Thanks jscher2000;
I have solved the issue by explicitly specifying the height of the iframe in pixels. Thanks for directing me towards it.