制作表行与iframe中填充整个剩余屏幕

这是我需要做的： http://s27.postimg.org/ancbbaa6r/111.png 这是我做了什么： http://s27.postimg.org/87ahxfs43/222.png 制作表行与iframe中填充整个剩余屏幕

不要介意字体，我会在稍后进行更改。

我无法更改HTML并使用JS。只有CSS。有什么帮助吗？

CSS：

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%; 
}

HTML：

<html> 
<head> 
    <link rel="stylesheet" href="style/szablon.css" type="text/css" /> 
</head> 
<body> 
    <table> 
     <th colspan="2"> 
      <p class="naglowek"> 
       Sugerowane w programie nauczania algorytmy do omówienia w ramach przedmiotu. 
      </p> 
      <hr/> 
     </th> 
     <tr> 
     <td class="lewa"> 
      <p class="brown"> Menu: </p> 
      <ul class="brown"> 
       <li><a target="tresc" 
        href=" 
        http://www.algorytm.org/algorytmy-matematyczne/algorytm euklidesa.html 
        ">Największy wspólny dzielnik</a></li> 
       <li><a target="tresc" 
        href=" 
        http://www.ordona.internetdsl.pl/pascom/download/informatyka/algorytmy.pdf">Najmniejsza wspólna wielokrotność</a></li> 
       </ul> 
      </td> 
      <td class="prawa"> 
       <iframe nama="tresc" style="width": 100%; height: 95%"> </iframe> 
       <p class="brown" style="text-align: right;"> Copyright 2013</p> 
      </td> 
     </tr> 
    </table> 
</body>

来源

2016-02-12 MarioPL98

按照代码队友：

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%; 

}

我只是说

高度：

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

到：100％

表{}

请记住，你必须修复线

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

看，你在宽度后增加了一个额外的东西。

你必须添加一个个TR内：

<tr> 
      <th colspan="2"> 
       <p class="naglowek"> 
        Sugerowane w programie nauczania algorytmy do omówienia w ramach przedmiotu. 
       </p> 
       <hr/> 
      </th> 
     </tr>

来源

2016-02-12 22:25:00

谢谢回答。我在添加高度之后得到这个：100％http://postimg.org/image/ptlaqzo0v/full/full/ 问题是如何使文本变得像文本一样大。 – MarioPL98

为了使文字变大，你应该添加.naglowek {font-size：20pt; }在你的CSS。 –

不，我想让表头变小，而不是文字变大。表头必须尽可能大，以适应此文本。 – MarioPL98

制作表行与iframe中填充整个剩余屏幕

回答

相关问题