0

有一个由表单标签包围的数据表。在页面底部有一个固定的页脚。

当表格为空时（仅显示表格标题），整个页脚会移到屏幕的一半，向右移动。

有任何想法吗？

<form action="/cgi-bin/Lib.exe" method=POST name="dd" ID="Form1">
    <div id="yyy">          

            <table cellspacing="0" ID="Table1">

                    <thead>
                        <tr>    
                            <th>Start</th>
                            <th>End</th>
                        </tr>
                    </thead>


        <p><small><font face="Arial"><small>$DATA</small></font></small></p>   

                    <tbody>

                        <tr>                    
                            <td><input type=radio name="begin" value="$START" ID="Radio0"> $START</td>
                            <td>$END <input type=radio name="end" value="$END" ID="Radio3"></td>
                        </tr>

                        <tr>                    
                            <td><input type=radio name="begin" value="$START" ID="Radio1"> $START</td>
                            <td>$END <input type=radio name="end" value="$END" ID="Radio4"></td>
                        </tr>           


                        <tr>                    
                            <td><input type=radio name="begin" value="$START" ID="Radio2"> $START</td>
                            <td>$END <input type=radio name="end" value="$END" ID="Radio5"></td>
                        </tr>                   

                    </tbody>    
                </table>    
    </div>
                <p><small><font face="Arial"><small>$DATA</small><strong></p>

              </strong></font></small>

        </form> 









<div id="footer">
                <div id="labfooter">

                </div>
            </div>

CSS：

#footer {
    width:100%;
    height:5em;
}
html>body #footer {
    position:fixed;
    bottom:0;
    z-index:10; /* Prevent certain problems with form controls */
}

 #header,
#footer {
    color:#111;
    background:#ddd;
    text-align:center;
}
4

3 回答 3

2

如果没有更多代码，很难调试。还有哪些浏览器和操作系统有问题？

但是，我可以说你的 html 代码是无效的，这可能会导致许多浏览器渲染失败。有时它可能看起来运行良好，但 DOM 可能会因不正确的代码而被抛弃。

开始尝试删除和之间<p>...</p>的<thead><tbody>

于 2009-03-27T01:25:12.337 回答
0

首先验证您的代码。您正在混合 HTML 和 XHTML 代码，并且您的标记结构已损坏，因此需要修复一些问题。

您可能会收到比实际错误更多的错误消息，因此只需从顶部开始并修复问题，直到您清楚地看到错误，然后重新验证以查看剩余内容。

于 2009-03-27T07:08:47.347 回答
0

我不认为：

html>body

在页脚语句之前。这对于您要完成的工作是不必要的，并且可能会导致问题。

于 2009-03-27T10:43:49.373 回答