在HTML頁面溢出的表格

我正在完成一個HTMl課程的中期項目，我正在研究最後一頁。問題是，表格溢出到右側（當瀏覽器沒有最大化時），我無法弄清楚如何修復它。誰能幫忙？在HTML頁面溢出的表格

我無法發表圖片。（無REP）

的HTML：

<div id="rightcolumn"> 
<h2>Fuel Cells</h2> 
    <!--3 Column by 3 Row Layout using a Table--> 
    <table width="100%" border="0" cellpadding="6"> 
    <caption>Fuel Cells as a Source of Green Energy</caption> 
    <tr> 
    <td colspan="3">The research and development of fuel cells is extremely important. Fuel cells are an important technology because they use hydrogen to create energy. Hydrogen is the most plentiful element in our universe, quite unlike oil. If the US ran on fuel cells we would finally be independent from oil. Also, hydrogen doesn&rsquo;t need to be &ldquo;mined&rdquo; like oil. If we no longer needed oil we would save on the price we have been paying for decades. Hydrogen is both extremely abundant and a renewable resource. If hydrogen was used as our primary power source we wouldn&rsquo;t ever need to worry about running out of it, like we do with oil and other fossil fuels. A cloudy day can stop solar panels from generating much electricity and a still day can stop wind power. With hydrogen however, weather wouldn&rsquo;t affect the quantity of power fuel cells produce. This makes fuel cells far more reliable than other, alternative forms of &ldquo;green&rdquo; energy. 
    </td> 
    </tr> 
    <tr> 
    <td ><img src="FuelCellDiagram.png" width="335" height="232" alt="How Fuel Cells Work" /></td> 
    <td><img src="FuelCellhome.png" width="345" height="250" alt="Fuel Cell Powering Home" /></td> 
    <td><img src="FCCar.GIF" width="400" height="347" alt="How Fuel Cells power Cars" /></td> 

    </tr> 
    <tr> 
    <td colspan="3">Fuel cells are important because of their harmless byproducts. Water and heat, the byproducts, aren&rsquo;t dangerous and could actually be useful. The heat generated by fuel cells could be used to heat homes or water, making fuel cells even more efficient. Fuel cells would allow us to power our cars as well as our homes. This would lead to an end of the use of gasoline or battery powered vehicles. Although cars are becoming more efficient, they are unable to match the efficiency of fuel cells. Our current gas powered vehicles produce harmful pollutants during fuel combustion. Battery powered vehicles are also harmful because of the pollutants that are byproducts of both creating and disposing of them. If the world could end its dependence on oil and transition to fuel cells, our pollution levels would be a fraction of what they are now. In China, many cities are filled with smog because of the way they are powered. If China were to replace their coal plants with fuel cells, the ever increasing smog throughout China would begin to fade. Also, we would no longer have to worry about pollution from oil spills or oil wells. 
    </td> 
    </tr> 
</table> 
<!--End of Columns/Table--> 

</div>

和CSS是：

#container { 
     margin: auto; 
     width:80%; 
     min-width:700px; 
    background-color:#93A5C4; 
    color:#000000; 
    border: 2px double #000000; 
} 
#rightcolumn { 
     margin-left:140px; 
     background-color:#ffffff; 
    color:#000000; 
    padding:10px; 
} 
td, tr, th { 
padding: 10px; 
margin-left:auto; 
margin-right:auto; 
text-align: left; 
}

我不能，雖然編輯rightcolumn CSS，因爲我需要它像顯示其他頁面正確，我只允許爲整個網站使用一張CSS表格。

來源

2011-10-21 cmorris1441

似乎有不被ID爲「容器」的任何HTML，而「rightcolumn」 DIV包圍整個表。這是你的意圖嗎？ – Blazemonger

快速解決方案是在右列div的聲明中添加「overflow：scroll」樣式。

<div id="rightcolumn" style="overflow:scroll">

來源

2011-10-21 16:46:25

謝謝，這有助於很多！如果有人知道任何其他更好的修復，請讓我知道！ – cmorris1441

您能否發佈此頁面的完整HTML和CSS。這將有助於闡明其他可能的解決方案。 –

這裏是一切的鏈接。我遇到的具體部分是「燃料電池」頁面。它現在滾動，但如果你刪除上面建議的溢出風格，你會明白我的意思。 – cmorris1441

在HTML頁面溢出的表格

回答

相關問題