iframe height problem
2008/06/07 09:26
Viewed 2756 times
Replies: 1/1

I have been working on this for a while now. When I make the html code valid, then the height 100% does not work anymore. if I remove the DOCTYPE then the iframe loads just fine. My example is at http://madd74.com/validate-bad.html and if you click it, you will see what happens. As noted on the page, if I change height 100% to 500px or whatever, then the iframe has a bigger height, however then it is stuck at 500 (and I am attempting to accommodate for anyone coming across it). The current code I am using for the iframe example is:

<iframe id="fullpage-content" name="fullpage-content"
src="http://madd74.com"
frameBorder="0" marginHeight="20" marginWidth="20" style="width: 100%; height: 1000%;"></iframe>

Now, the 1000% is there just to show that despite using such a high number, the height does not change. If it was 10% it looks the same. Of course, if I want to fix the problem, I could remove

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

However in doing that, obviously, the page no longer validates. Thanks for the help and a wonderful menu!

Re: iframe height problem
2008/06/14 19:36
Viewed 4001 times
Replies: 0/0

i found out what this problem was and fixed it

last
Google