• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

html 来源:MarioPL98 6次浏览

这是我需要做的: 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> 

===========解决方案如下:

按照代码队友:

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> 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)