1

Тема: iframe ігнорує height

<!DOCTYPE html>
<html>
<head>
    <title>Base Screen</title>
    <script type="text/javascript">
        function load() {
            document.getElementById("Content").src='Screen1.html';
        }
        function unload() {
            document.getElementById("Content").innerHTML='';
        }
    </script>
</head>
<body>
<noscript><h2 style="color: #ff0000">Your browser doesn't support Javascript! </h2></noscript>
<table id="Screen">
    <tr id="ScreenHead">
        <button id="Enter" onclick="load();">Enter</button>
        <button id="Exit" onclick="unload();">Exit</button>
    </tr>
    <tr>
        <iframe id="Content" style="width: 100%; height: 100%;">

        </iframe>
    </tr>
</table>

</body>
</html>

width: 100% - працює, а height: 100% - ні. Чому так виходить ?

2

Re: iframe ігнорує height

ви на згенерований бравзером html дивились?

Говоріть українською! Живіть українською! Відчувайте українською!

3 Востаннє редагувалося koala (25.10.2018 16:57:57)

Re: iframe ігнорує height

У мене цей код працює повністю на Google Chrome 70.0.3538.77.

Підказка
Слово "працює" має кілька значень. В даному випадку я маю на увазі, що все відображається відповідно до стандарту, а ви що саме маєте на увазі?
Подякували: FakiNyan, leofun01, ostap34PHP3

4

Re: iframe ігнорує height

Бля, цей іфрейм. Теж купу мороки з налаштуванням висоти. Вангую, ви плутаєте відсотки.

Навчаюсь вчитись, щоб навчатись.

5 Востаннє редагувалося koala (26.10.2018 00:29:50)

Re: iframe ігнорує height

Та ніхто нічого саме з відсотками не плутає. Головне питання - 100% ЧОГО?

Подякували: FakiNyan, mikeos2

6

Re: iframe ігнорує height

FakiNyan написав:

ви на згенерований бравзером html дивились?

та наче не відрізняється

<!DOCTYPE html>
<html>
<head>
    <title>Base Screen</title>
    <script type="text/javascript">
        function load() {
            document.getElementById("Content").src='OPCScreen.html';
        }
        function unload() {
            document.getElementById("Content").innerHTML='';
        }
    </script>
</head>
<body>
<noscript><h2 style="color: #ff0000">Your browser doesn't support Javascript! </h2></noscript>
<table id="Screen">
    <tr id="ScreenHead">
        <button id="Enter" onclick="load();">Enter</button>
        <button id="Exit" onclick="unload();">Exit</button>
    </tr>
    <tr>
        <iframe id="Content" style="width: 100%; height: 100%;">

        </iframe>
    </tr>
</table>

</body>
</html>

7

Re: iframe ігнорує height

це в якому бровзері?

Говоріть українською! Живіть українською! Відчувайте українською!

8

Re: iframe ігнорує height

зрозуміло, то ви сирці показали, але DOM, що будується по тим сирцям - зовсім інший, тому що td забули.
https://cdn.discordapp.com/attachments/333936584481177600/505275771313586177/unknown.png

Говоріть українською! Живіть українською! Відчувайте українською!

9

Re: iframe ігнорує height

koala написав:

Та ніхто нічого саме з відсотками не плутає. Головне питання - 100% ЧОГО?

Я про теж саме.

Навчаюсь вчитись, щоб навчатись.