I have an html page which renders an html page in an iframe where my page adds a topbar to the whole content. Inorder to render the whole page seemless, I had to rely on quirksmode rendering of the page to display the following:(similar to the way google image results page(page u get on click of an image with a top frame)-
<table>
<tbody>
<tr>
<td>
<!-- Top bar content -->
</td>
</tr>
<tr>
<td>
<iframe src="http://anysite.com/"/>
</td>
</tr>
</tbody>
</table>
The problem here is that there are pages which donot render properly in quirks mode. So they do not come out properly in the iframe. How will I overcome this? Can I render just the iframe in standards mode while the whole page is rendered in quirks mode(which I cannot compromise) .
Is there an alternative solution?
Delayed answer... but if you use an object tag instead of an iframe tag, in IE it will change the rendering mode.
Unfortunately, in IE10 this doesn't work if the outer page renders in IE8 mode using
Which I'm still searching for a solution to...
See also iframe not rendering in ie9 mode when containing page is in quirks mode
According to this article (http://css-tricks.com/ie-iframe-quirksmode/), a page in an iframe who's parent page is in quirks mode will also render in quirks mode.
According to the author there's nothing you can do except build your page sturdy enough to withstand the brokenness of quirks mode.