html - How to make an iframe fill an area defined by distance from edges? -


I have an IFrame, which I want to fill in all fields on the page specified below, right, top CSS styles though , When I work by law, it does not work:

HTML:

& lt; Iframe id = "example_frame" src = "http: / /example.com"></iframe> CSS:

  #example_frame {status: absolute; Top: 1 AM; Left: 1am; Correct: 1 AM; Bottom: 1am; }  

This is about 100x100 pixels in a small box with a web page

I think because iframes , you can only see top , right , below , And left . Should you be able to? Absolutely. But you can not do this instead, you can use a horizontal property ( left or right < / Code>), and then set both height and width to 100% .

To obtain the effect you are going for, other non-substitutes like Iframe around a 1em space, div Just wrap iframe in the element.

  & lt; Div class = "abs-frame-container" & gt; & Lt; Iframe id = "example_frame" src = "http://example.com" & gt; & Lt; / Iframe & gt; & Lt; / Div & gt;  

CSS which produces the effect you are going to:

  .bbs-frame-container {position: absolute; Top: 1 AM; Left: 1am; Correct: 1 AM; Bottom: 1am; } .abs-frame-container iframe {status: complete; Top: 0; Left: 0; Border: 0; Height: 100%; Width: 100%; }  

See also for problems that the CSS in settings range: 0 will not work in all browsers.


Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -