Doctype is breaking my iframe in mozilla

[worldwideebm]

This is a problem that i have googled for hours and can't find an answer so i resort to asking on here because i found similar question on here.

I have a page i use, It has an iframe on it but it is not regular iframe, The iframe has a resizing script that resizes the height of the iframe to the height of the page being viewed. Using this script it eliminates scrolling!

This has all been working out great but then i realise for it to function properly in IE i need to add a doctype, When i add a doctype to it it functions properly in IE but it doesn't work in firefox. In firefox the frame doesnt resize and it is like 50px height.
I have tried a bunch of different doctypes and they don't work.

This is the problem page (with doctype - works properly only on IE):
http://ww-chat.com/games.php

This is the page without a doctype (Works properly only on FIREFOX - not IE):
http://ww-chat.com/games-nodoctype.php


This is the code that i use for the iframe:

<iframe id="games" name="games" src="http://ww-chat.com/games/" frameborder=0 scrolling=no width="990" onload="if (window.parent && window.parent.a utoIframe) {window.parent. autoIframe('gam es');}"></iframe>


This is the script that it uses to resize the frame:
http://ww-chat.com/iframeresize.js


I have other iframes on my website which don't use the resize script and they work perfectly fine (with doctype!).

Thanks,
Worldwideebm

[worldwideebm]

Can anyone help me on this problem?

[acoder]

You should look at getting rid of these errors.

Anyhow, the problem seems to be because you've forgotten the units when setting the height. Add "px" to the height setting.

[worldwideebm]

Hey, I'm not very good at this but where exactly should I put px?

I have tried placing it after 990 (the width) and i have tried placing px after 10 (in the script) and neither of those fixed it.

Any ideas?

Btw the resize script isn't mine..

[Dormilich]

@worldwideebm
every numerical value (except 0) requires a unit in CSS.

[worldwideebm]

I have tried putting px after both numbers and it doesn't fix. I don't know what could cause this, it only happens when i put the doctype in (because it wont work in IE without doctype, but the height doesn't work in firefox if i use doctype) I don't use CSS for anything on the iframe so it can't be css.

Here is what my iframe page is:

<iframe id="games" name="games" src="http://ww-chat.com/games/" frameborder=0 scrolling=no width="990px" onload="if (window.parent && window.parent.a utoIframe) {window.parent. autoIframe('gam es');}"><p>Your browser does not support Iframes, People upgrade to a compatible browser.</p></iframe>

Here is the script that resizes my iframe:

function autoIframe(fram eId){
try{
frame = document.getEle mentById(frameI d);
innerDoc = (frame.contentD ocument) ? frame.contentDo cument : frame.contentWi ndow.document;
objToResize = (frame.style) ? frame.style : frame;
objToResize.hei ght = innerDoc.body.s crollHeight + 10px;
}
catch(err){
window.status = err.message;
}
}

Any ideas why it wouldn't work?

[Plater]

Neither of those two links in the first post worked for me in IE or in FF.
Your javascript has errors.

Error: missing ; before statement
Source File: http://ww-chat.com/iframeresize.js
Line: 6, Column: 50
Source Code:
objToResize.height = innerDoc.body.scrollHeight + 10px; 
 

Error: initMenu is not defined
Source File: http://ww-chat.com/games-nodoctype.php
Line: 3
 

Try doing this:
objToResize.hei ght = (innerDoc.body. scrollHeight + 10)+"px";

[worldwideebm]

THANK YOU SO MUCH!
That worked! =]

Thanks to every who replied =]

[Plater]

Now both your links work in IE and FF.
All fixed?

[worldwideebm]

Yes =]

But there is another problem.. But i might start a new thread for it?

I don't think that it is related to this problem..