Skip to content

A few tips on IFrames

March 4, 2013

Its been quite a while since I last posted two weeks ago as I had been on a short holiday to the U.S.

Anyhow I had been playing with IFrames to do a quick portal-like naivgation bar with an IFrame underneath.

What I immediately had discovered that for IFrames, on Firefox and IE, the default Iframe height is very small, something like around 30px!! It is a much smaller scroll box window that is only using a small percentage of the available window which is a browser rendering issue!!

To get around this you need to set position:absolute for the IFrame like so: –

<div height=”100%”>


Make sure to set the width to 100% and more importantly height to 100%. This should resolve the problem for Firefox and IE and it displays the full height on the screen.

Another important thing is to remove the annoying internal scrollbar inside the IFrame, and to do this you simple write scrolling=”no”

<div height=”100%”>


Hope that helps!


From → Uncategorized

Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: