ReSQL.ru
     
powered by simpleCommunicator - 2.0.60     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / HTML, при печати footer залезает на данные
1 сообщений из 1, страница 1 из 1
HTML, при печати footer залезает на данные
    #34171218
Аноним
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Аноним
Участник
Извините, если не сюда пишу.
Вопрос знатокам html.

У меня html-документ представляет собой отчет, т.е. header, page header, details, page footer, footer.
ВСе как в обычном отчете
При распечатке html-документа page footer залезает на данные.
Возможно можно стилями надо как-то управлять или еще что.

Тут пример html, в котором есть эта проблема.
Просто 5 строчек подряд с page footer'ом.

Дотаточно сделать в браузере (только IE) File/Print Preview.

Условия:
1) Структура документа должна обязательно сохраняться
2) Изменение элементов нежалательно, только если классы ставить

Если вы увидите какие-то несуразности, то подскажите (но самое главное это все-таки задача), я в html новичок.
Заранее спасибо.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Z3 Test</title>
</head>
<body>
    <table cellspacing="0" cellpadding="0" style="width: 100%; border: 1px black ridge;">
        <tbody>
            <!--1-->
            <tr>
                <td>
                    <div style="background: LightBlue; position: relative; left: 0; top: 0; width: 100%;
                        height: 200px;">
                        <div style="position: absolute; left: 0px; top: 0px; width: 200px; height: 198px;">
                            <textarea readonly style="border: 1px black ridge; height: 198px; margin-top: -1;
                                overflow: hidden;">String 1</textarea>
                        </div>
                    </div>
                </td>
            </tr>
            <!--2-->
            <tr>
                <td>
                    <div style="background: LightBlue; position: relative; left: 0; top: 0; width: 100%;
                        height: 200px;">
                        <div style="position: absolute; left: 0px; top: 0px; width: 200px; height: 198px;">
                            <textarea readonly style="border: 1px black ridge; height: 198px; margin-top: -1;
                                overflow: hidden;">String 2</textarea>
                        </div>
                    </div>
                </td>
            </tr>
            <!--3-->
            <tr>
                <td>
                    <div style="background: LightBlue; position: relative; left: 0; top: 0; width: 100%;
                        height: 200px;">
                        <div style="position: absolute; left: 0px; top: 0px; width: 200px; height: 198px;">
                            <textarea readonly style="border: 1px black ridge; height: 198px; margin-top: -1;
                                overflow: hidden;">String 3</textarea>
                        </div>
                    </div>
                </td>
            </tr>
            <!--4-->
            <tr>
                <td>
                    <div style="background: LightBlue; position: relative; left: 0; top: 0; width: 100%;
                        height: 200px;">
                        <div style="position: absolute; left: 0px; top: 0px; width: 200px; height: 198px;">
                            <textarea readonly style="border: 1px black ridge; height: 198px; margin-top: -1;
                                overflow: hidden;">String 4 wodr01 wodr02 wodr03 wodr04 wodr05 wodr06 wodr07 wodr08 wodr09 wodr10 wodr11 wodr12 wodr13 wodr14 wodr15 wodr16 wodr17 wodr18 wodr19 wodr20 wodr21 wodr22 wodr23</textarea>
                        </div>
                    </div>
                </td>
            </tr>
            <!--5-->
            <tr>
                <td>
                    <div style="background: LightBlue; position: relative; left: 0; top: 0; width: 100%;
                        height: 200px;">
                        <div style="position: absolute; left: 0px; top: 0px; width: 200px; height: 198px;">
                            <textarea readonly style="border: 1px black ridge; height: 198px; margin-top: -1;
                                overflow: hidden;">String 5</textarea>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
        
        <tfoot style="display: table-footer-group">
            <tr>
                <td>
                    <div style="background: Red; position: relative; left: 0; top: 0; width: 100%;
                        height: 200px;">
                        <div style="position: absolute; left: 0px; top: 0px; width: 200px; height: 200px;">
                            <textarea readonly style="border: 1px black ridge; height: 200px; margin-top: -1;
                                overflow: hidden;">footer1</textarea>
                        </div>
                    </div>
                </td>
            </tr>
        </tfoot>
    </table>
</body>
</html>
...
Рейтинг: 0 / 0
01.12.2006, 16:48
| Ответить | Цитировать | Написать  
1 сообщений из 1, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / HTML, при печати footer залезает на данные
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]