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
Post a Comment