CODEWITHSUNDEEP
cssiframe
Tamás Pap
Tamás Pap

Reputation: 18303

Iframe, full screen css - why the scrollbar

I want to make on iframe full screen. Here is the code:

http://jsbin.com/ibopes/1/edit

and here is the demo:

http://jsbin.com/ibopes

Why the scrollbar? For some reason I can't use position: absolute for the iframe, and I don't want overflow: hidden on body.

How to hide the scrollbar, and why is it there?

Upvotes: 4

Views: 3192

Answers (1)

BenM
BenM

Reputation: 53228

Specify display: block on your iFrame. jsBin normalizes the CSS for you:

#test {  
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: none;
    background: #ff0000;
    display: block;
}

See the working demo here > http://jsbin.com/ibopes/5

Upvotes: 9

Related Questions