修復表的位置

我有一個程序可以生成靜態HTML文件。我有一個表格中文件各部分的鏈接列表。我希望能夠跳轉到鏈接或滾動文件並讓表格保持固定。我有這個代碼，通過CSS工作：修復表的位置

<table> 
<tr><td><table><tr><td> <div style="position:fixed; top:50px; right:10px"> Table of Contents Table</div> <td></tr> 
<tr><td> <div style="position:fixed; top:65px; right:10px">Some Contents</div></tr> 
<tr><td> <div style="position:fixed; top:80px; right:10px">Some More Contents</div> </td></tr> 
<tr><td><div style="position:fixed; top:95x; right:10px"> Even More Contents</div> </td></tr> 
</table>

我有這個代碼不起作用。如果我將樣式標籤包裹在整個表格中，它會鎖定整個頁面，並且無法滾動。即使我用div標籤包裝表格，也會發生這種情況。這樣做比較好，因爲我不必像表格的每一行都有自己的樣式標籤一樣玩垂直偏移。

<style type="text/css"> 
table#t-legend 
{ position: fixed; top: 50px; left: 10px } 
</style> 

<div> <table id="t-legend"> 
<tr><td><table><tr><td> Fixed Contents Table</td></tr> 
<tr><td> Some Contents</tr> 
<tr><td> Some More Contents</td></tr> 
<tr><td> Even More Contents</td></tr> 
</table>

來源

2012-02-23 David Green

結帳這個小提琴http://jsfiddle.net/pPQu2/3/ 這裏請注意，我已經刪除了#T-legend的css，並且檢查了標記。希望這可以幫助。 :)

來源

2012-02-23 06:22:27 Abhidev

謝謝。我可能會採用這種方法，並在頂部有固定鏈接，並讓主表在其下滾動 – 2012-02-23 13:05:19

gr8 !!! :)也發佈任何其他方法/解決方法，你可能會發現。 – Abhidev 2012-02-23 13:21:07

您還沒有關閉您的<div>標籤：

<div> 
    <table id="t-legend"> 
     <tr><td><table><tr><td> Fixed Contents Table</td></tr> 
     <tr><td> Some Contents</tr> 
     <tr><td> Some More Contents</td></tr> 
     <tr><td> Even More Contents</td></tr> 
    </table> 
<!-- close the tag here --> 
</div>

未關閉的標籤可能會導致的問題種種，試試這個，並報告如果你的代碼仍然不能正常工作。

更好：在JSFiddle中重新創建您的問題。

來源

2012-02-23 02:48:30

對不起。不關閉div標籤是一個錯字。在代碼中它是關閉的。 div標籤無論如何都沒有改變。無論是否存在，頁面仍然不會滾動。我在JSFiddle重新創建了這個問題。這是一個方便的網站。如果我不包含上述固定位置表的代碼，結果窗口可以讓我滾動。如果我包含代碼，結果窗口沒有滾動條。 – 2012-02-23 03:23:05

@DavidGreen如果你可以提供一個鏈接到你的JS小提琴 – 2012-02-23 03:37:15

這裏是不會滾動的小提琴：http://jsfiddle.net/pPQu2/這裏是一個小提琴，它將：http：// jsfiddle.net/JuRXg/區別在於第一個用CSS樣式修復的表。我可以刪除該表格或刪除樣式標籤，並再次滾動頁面。 – 2012-02-23 05:35:26

您的html無效。

<table id="t-legend">沒有匹配的結束標籤，還有一些其他未打開/未關閉的tr，td，p標籤。驗證你的html始終是一個很好的開始。

查看http://jsfiddle.net/pPQu2/5/的工作示例。我沒有修復所有不良的html，但固定位置的作品。希望這可以幫助。

來源

2012-02-23 07:31:05 brains911

謝謝你。額外的表格標籤不應該在那裏。我想我昨晚盯着那裏一個小時，從來沒有注意到它。我知道固定桌子會堆疊在較大的桌子上，我只是想讓固定桌子工作。 :) – 2012-02-23 13:06:54

我不知道這是否是你的意思所以請原諒我，如果我錯了，但我檢查你的jsfiddle頁面，如果你想與你的表的頁面是滾動只是改變你的CSS如下：

{ position: fixed; top: 50px; left: 10px }

到：

{ position: relative; top: 50px; left: 10px }

然而，這是一個有點創可貼黑客的，我這樣說是因爲其他一些成員已經指出，一定要確保是重要的，你閉上你的

<tr>

標籤與

</tr>

，並保持你的TD標籤TR標籤內，並關閉它們，以及像這樣：

<tr><td> whatever u want here </td></tr>

截至目前你的表是不是寫得好，並不會驗證過。編碼時應保持良好的習慣，以便像我們其他人一樣成爲酷酷家。希望有所幫助。

來源

2012-02-23 07:39:37 Stankyfist

修復表的位置

回答

相關問題