Нижний колонтитул HTML перемещается вправо, когда таблица пуста? - PullRequest
Новая
       9

Нижний колонтитул HTML перемещается вправо, когда таблица пуста?

0 голосов
/ 27 марта 2009

Содержит таблицу данных, окруженную тегами формы. Внизу страницы есть нижний колонтитул, который исправлен.

Когда таблица пуста (отображается только заголовок таблицы), весь нижний колонтитул сдвигается на полпути от экрана вправо.

Есть идеи? 

<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;
}

Ответы [ 3 ]

2 голосов
/ 27 марта 2009

Трудно отлаживать, не имея больше вашего кода. Также с какими браузерами и ОС у вас возникли проблемы?

Но я могу сказать, что ваш HTML-код недействителен, и это может отбросить многие визуализации браузера. Иногда может показаться, что все работает хорошо, но DOM может быть удален из-за неправильного кода.

Для начала попробуйте удалить <p>...</p> между <thead> и <tbody>

0 голосов
/ 27 марта 2009

Я не думаю, что: 

html>body

перед оператором нижнего колонтитула. Это не нужно для того, что вы пытаетесь выполнить, и может вызывать проблему.

0 голосов
/ 27 марта 2009

Начните с проверки вашего кода. Вы смешиваете код HTML и XHTML, и ваша структура тегов нарушена, поэтому некоторые вещи нужно исправить.

Вы, вероятно, получите больше сообщений об ошибках, чем реальных ошибок, поэтому просто начните сверху и исправьте все, насколько вы ясно видите ошибку, а затем повторите проверку, чтобы увидеть, что осталось.

...