Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Removing scrollbar from <object> Embed

Tags:

html

css

Currently 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?

like image 352
BlindingDawn Avatar asked Jan 29 '11 03:01

BlindingDawn


2 Answers

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

Example:

<body style="overflow:hidden;">
    <object ...>
    </object>
</body>
like image 183
You Garmendia Avatar answered Sep 22 '22 23:09

You Garmendia


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>
like image 29
Tim Cooper Avatar answered Sep 20 '22 23:09

Tim Cooper