Size of iframe in Internet Explorer

By Thomas

I wanted to append an iframe to my html dynamical using javascript.

My HTML is as follow:

<iframe src="my-url" height="587" width="528" frameborder="0" scrolling="no" align="left">
	<p>Your browser does not support iframes.</p>
</iframe>

This work fine in all browsers except IE 6 / IE 7 / IE 8

It looks like IE resizes the iframe after loading the content, wich destroyed my layout.
The solution is to set width and height with css and add !important:

iframe {
	width:528px !important;
	height:587px !important;
}

Tags: , , , , , ,

This entry was posted on Wednesday, April 1st, 2009 at 13:01 and is filed under XHTML / JavaScript / CSS. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

Comments are closed.