making inserted html not look like an iframe

[mlecho]

hi...i know i can insert html with something like:

var ob=document.createElement("object");
	ob.width="100%"
	ob.height="100%"
	ob.data="pages/"+title+".php";
	ob.type="text/html";
	wrapper.appendChild(ob);

works fine...but, the only catch is if the page i am inserting is wider than the parent, i get a scroll bar....just like an iFrame....is there a way i can over come that? hid it, or just get the html to load as if it where seamless to the parent code?

[gil davis]

If you use

style="overflow: hidden"

for the object it will inhibit the scrollbars.

[mlecho]

yep...thanks..

[mlecho]

oh oh....while applying what i learned, i have an issue with IE (6= not tested on 7 yet). The following works great in Firefox. The external page loads fine in all browsers... so, what does ie need to get the same results?

function loadContact(){
	wrapper=document.createElement("div");
	wrapper.id="wrapper";
	result.appendChild(wrapper);
	var ob=document.createElement("object");
	ob.width="80%";
	ob.height="900px";
	ob.style.overflow="hidden";
	ob.data="pages/contact.php";
	ob.type="text/html";
	
	wrapper.appendChild(ob);
}