製作錶行與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中填充整個剩餘屏幕

回答

相關問題