Iframe does not fit vertically with height 100%

Question

Iframe does not fit vertically with height 100%

Navigation

#1 by (3 votes)
#2 by (0 votes)

2

According to the following code, the <iframe> does not adjust vertically even if setting the height attribute to 100%.

<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Panel</h3>
        </div>
        <div class="panel-body">
            <iframe width="100%" height="100%" src="http://superlp.com.br"frameborder="0"></iframe>
        </div>
    </div>
</div>

Why does this happen? How to solve?

css iframe height

asked by anonymous 14.12.2014 / 00:27

2 answers

Problems with LEFT JOIN CheckBox checked / unchecked does not follow instructions

score 3 · Answer 1

try this:

<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Documento sem t&iacute;tulo</title>
</head>

<body>
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Panel</h3>
        </div>
        <div class="panel-body">
            <iframe width="100%" style="position: absolute" height="100%" src="http://superlp.com.br"frameborder="0" ></iframe>
        </div>
    </div>
</div>
</body>
</html>

score 0 · Answer 2

0

I found a very simple solution: Where height="100%" , replace style="height:100vh" .

30.10.2018 / 15:06