Making table row with iframe filling whole remaining screen

时间:2016-02-12 22:13:28

标签: html css iframe height width

This is what I need to do: http://s27.postimg.org/ancbbaa6r/111.png That is what I've done: http://s27.postimg.org/87ahxfs43/222.png

Don't mind about fonts, I will change them Later.

I can't change HTML and use JS. Only CSS. Any help?

CSS:

$tor = file('ips_tor.csv');
$tor = array_map('trim', $tor);

// In case of only newlines, you can add the FILE_IGNORE_NEW_LINES flag to file() and skip the array_map:
// $tor = file('ips_tor.csv', FILE_IGNORE_NEW_LINES);

if(in_array('1.34.163.57', $tor))
    echo '<span style="color: red;display: inline-block; margin-right: 20px;">OK</span>';

else
    echo '<span style="color: black; display: inline-block; margin-right: 20px;">Not Ok</span>';

HTML:

table {
width: 100%;
background-color: #f3c035;
padding: 10px;
font-family: "Arial", Arial, serif;
color: white;
}

iframe {
width: 100%;
}

.lewa {
background-color: #f3dfab;
width: 25%;
padding: 15px;
vertical-align: top;
font-family: "Times New Roman", Times, serif;
color: black;
}

.prawa {
background-color: #f3ecd9;
padding:15px;
vertical-align: top;
font-family: "Times New Roman", Times, serif;
color: black;
width: 100%;
}

1 个答案:

答案 0 :(得分:0)

按照代码配对:

 table {
width: 100%;
background-color: #f3c035;
padding: 10px;
font-family: "Arial", Arial, serif;
color: white;
height: 100%;
}

iframe {
width: 100%;
}

.lewa {
background-color: #f3dfab;
width: 25%;
padding: 15px;
vertical-align: top;
font-family: "Times New Roman", Times, serif;
color: black;
}

.prawa {
background-color: #f3ecd9;
padding:15px;
vertical-align: top;
font-family: "Times New Roman", Times, serif;
color: black;
width: 100%;
height: 100%;

}

我刚刚添加了

  

身高:100%

表{}

中的

请记住,你必须修改这条线:

 <iframe nama="tresc" style="width": 100%; height: 95%"> </iframe>

为:

 <iframe nama="tresc" style="width: 100%; height: 95%"> </iframe>

看,你已经添加了一个额外的&#34;在宽度之后。

你必须在tr:

中添加你的内容
<tr>
            <th colspan="2">
                <p class="naglowek">
                    Sugerowane w programie nauczania algorytmy do omówienia w ramach przedmiotu.
                </p>
                <hr/>
            </th>
        </tr>