It's a simple question, but I can't figure it out (this problem only rears its head in IE)... I tried Javascript...
<script type="text/javascript"> window.onload = function() { pageframe.body.style.border = 'none'; pageframe.body.style.margin = '0'; pageframe.body.style.padding = '0'; pageframe.body.style.overflow = 'hidden'; } </script>
...but IE doesn't like it. Anybody have any CSS or other solutions?
Here is the page.
How to remove <object> border/scrollbar in IE?
You can use frames and that will get rid of the scroll bar in IE's viewport.
How to remove <object> border/scrollbar in IE?
Unfortunately frames are not part of that specification. Using object is even worse because of IE's bugs not only in its layout (which you've seen), but also that it doesn't work unless ActiveX is on. Oops.
In case anyone is wondering, I came near to fixing it by enclosing the object in a div with fixed size and hidden overflow, which was smaller than it. Only one line on the left remains.
Scroll Bar
Don't know that this will help you, but, This CSS will remove the Grayed out Scroll Bar on IE...
html,body { overflow: auto; }
html>body { overflow: visible; }
html { height: 100%; }
Cheers,
Paul
How to remove <object> border/scrollbar in IE?
the problem is in the way ie renders the object tag compared to other browsers. to remove the border, you must set style="border: none;" or similar css in the <body> of the object's SOURCE document.