Increasing the Size of Object Frame to Remove Scroll Bars
I recently asked how to hide the vertical scroll bar using overflow:hidden. While the answer did work (the scroll bar is hidden), I am wondering why it's even appearing in the first place. I would think that including an object inside another page would automatically grow to the size that is needed unless otherwise constrained (which, I don't believe I'm doing). The CSS for my object is:
object {
width: 100%;
height: 100%;
border: none;
}
Any suggestions to allowing the entire object to be the full size it n开发者_JAVA百科eeds to be, instead of hiding it? Thank you.
P.S. For the record, the entire site is run off a local machine - it won't have any network access.
Edit: This SO Question is almost exactly what I'm looking to do, but with an object rather than an iFrmae. However, I can't seem to get this to resize the containing div to the correct size.
html, body, object {
margin: 0;
padding: 0;
border: 0;
position: fixed;
height: 100%;
width: 100%;
outline: none;
}
The <object>
will be 100% size of the window with this CSS. <html>
and <body>
must be included as to set <html>
s height to 100%.
Just reset all margins and padding to 0, so that no 'hidden' space is taken up
精彩评论