css - overflow-x html issue -



css - overflow-x html issue -

im having little issue iframe i'm using on website. reason can't iframe not show horizontal scroll bar @ bottom.

here's code:

<center> <iframe height="1330" width="100%" src="http://sentinelgaming.spreadshirt.com/" name="spreadshop" itemscope itemtype="http://www.sentinelgaming.net/store" id="spreadshop" frameborder="0" scrollbar="no" ></iframe> </center> <style> #spreadshop { overflow-x: hidden; } </style>

heres page can @ see i'm talking about: http://www.sentinelgaming.net/store

in short, don't think possible hide overflow of iframe. believe main reason security. thought should not able hide parts of loaded source beingness shown.

i've made small example showing how overflow-property beingness ignored.

<iframe src="http://cnn.com"></iframe"> iframe { width: 100px; height: 100px; overflow: hidden; }

the above illustration add together both vertical- , horizontal scroll bars iframe, though explicitly tell not to.

possible workaround:

a possible workaround load content through ajax, add together content div, , have overflow-property set on div.

it require user have javascript enabled, believe closest solution.

html css iframe

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -