Removing scrollbar from <object> Embed_问答_开发者

开发者 https://www.devze.com 2023-02-07 03:36 出处：网络

Cur开发者_如何学JAVArently I am using object to embed a adsense ad in a webpage <object data=\"frontpage_blogrool_center_top_728x90\" type=\"text/html\" width=\"732\" height=\"95\" ></object

相关专题：css

Cur开发者_如何学JAVArently I am using object to embed a adsense ad in a webpage

<object data="frontpage_blogrool_center_top_728x90" type="text/html" width="732" height="95" ></object>

I made the object larger than the original so that the scrollbar will not appear on the webpage but it still appears in IE8. Is there anyway to remove it?

You must add to the parent of the <object /> element's css, overflow: hidden;

Example:

<body style="overflow:hidden;">
    <object ...>
    </object>
</body>

Add style="overflow:hidden; width: 732px; height: 95px" to the element:

<object data="frontpage_blogrool_center_top_728x90" 
        type="text/html" width="732" height="95"
        style="overflow:hidden; width: 732px; height: 95px"></object>

Give the <object> a min-height: 101% or more!

Example:

object {
  min-width: 100%;
  min-height: 101%; //not 100% but more than 101
}

I solved my similar problem (embedding a complex SVG with all his JS and style stuff) just by adding a position: fixed to the body tag of the HTML content I wanted to embed. Though I can use a width:100% to keep my dimensions everywhere.

Can be achieved with