Geek Answers Handbook

Remove scrollbar from <object> Paste

I am currently using an object to place an adsense ad on a web page

 <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 does not appear on the web page, but it still appears in IE8. Is there any way to remove it?

+6
source share
4 answers

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>
+4
source

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

Example:

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

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

Example:

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

I solved my similar problem (embedding a complex SVG with all its JS files and styles) by simply adding a position: the body tag of the HTML content that I wanted to embed was fixed. Although I can use width: 100% to keep the dimensions everywhere.

0
source

More articles:


All Articles