Setting an iframe's inner html5 object width to 100%

Question

I'm attempting to make a html5 object within an iframe set to 100% width to no avail. At the moment the width of the inner html5 object overflows the iframes boundaries and doesn't fit correctly so I'm trying to constrain it. I've used code like so:

#quote iframe object {
    width: 100% !important;
}

This doesn't seem to work. Is there any way of targeting an inner html5 element easily?

Thanks!

Unfortunately, you can't target elements inside an iframe. – sleepDrifter Sep 01 '15 at 16:22 — sleepDrifter, Sep 01 '15 at 16:22

score 1 · Answer 1 · answered Sep 01 '15 at 16:23

1

You cannot access inside the iframe. Iframe is like new browser window. You have no access from one window to another.

answered Sep 01 '15 at 16:23

Jure Potocnik

489
7
21

score 1 · Answer 2 · edited May 23 '17 at 12:22

1

While you can't target specific items in the iframe and size them, you can scale the iframe as a whole to the appropriate size. Perhaps that is what you need instead, if your iframe's inner objects are overflowing its boundaries. Check out this quesiton: How can I scale the content of an iframe?.

edited May 23 '17 at 12:22

Community

1
1

answered Sep 01 '15 at 16:30

daniman

284
1
5

Setting an iframe's inner html5 object width to 100%

2 Answers2