Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Не отображается граница при выводе на печать


Автор: Georgich 12.4.2012, 10:54
Приветствую.
Создается декстопное приложение на языкек C#. В нём используется компонент WebBrowser. Соответственно, у этого компонента движок от "любимого" IE. Есть довольно простая верстка:
Код

* {margin: 0px; padding: 0px;}
body {height: 100%;}
.tbl, .tbl3 {width: 800px; height: 100%;}
.tbl2 .st {height: 30px;}
.tbl2 .st2 {height: 60px;}
.tbl2 .st3 {height: 20px;}
td {padding: 5px;}

.border {border-right: black 1px solid; border-left: black 1px solid;}
.border2 {border-left: black 1px solid; border-bottom: black 1px solid;}
.border3 {border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid;}
.border4 {border: black 1px solid;}
.border5 {border-right: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid;}
.border6 {border-left: black 1px solid;}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen,projection"/>
<link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>
<body>
<table class="tbl3" style="border: none;" align="center" cellpadding="1" cellspacing="0">
    <tbody>
        <tr>
            <th class="border3" align="middle">Перечень основных данных и требований</th>
            <th class="border4" align="middle">Основные данные и требования</th>
        </tr>
        <tr>
            <td class="border6" align="left">1. Основание для проектирования</td>
            <td class="border" align="left">1.1. <input style="width: 80%;"></input></td>
        </tr>
        <tr>
            <td class="border6" align="left">Заказчик</td>
            <td class="border" align="left">1.2. <input style="width: 80%;"></input></td>
        </tr>
        <tr>
            <td class="border2" align="left">Источник финансирования</td>
            <td class="border5" align="left">1.3. <input style="width: 80%;"></input></td>
        </tr>
        <tr>
            <td class="border2" align="left">2. Сроки проектирования</td>
            <td class="border5" align="left">2.1. <input style="width: 80%;"></input></td>
        </tr>
...

При выводе на печать получаем такую картину (см. прикрепленное изображение). Собственно вопрос: как отобразить правую границу при печати?
Спасибо. 

Автор: Pretorian 12.4.2012, 11:05
у меня отображается. может попробовать уменьшить ширину таблицы, или при предварительном просмотре убрать отступы по краям листа?

Автор: Georgich 12.4.2012, 11:31
Pretorian, версия IE у вас, наверное, не 6.0 =) Отступы в настройках меньше чем 4,23 не задаются. Как быть?

Автор: Pretorian 12.4.2012, 11:49
у меня как раз версия 6.0

поставил ширину 750 px и всё помещается smile 
Код

.tbl, .tbl3 {width: 800px; height: 100%;}

Автор: Georgich 12.4.2012, 12:43
Pretorian, да, спасибо. Ширина в 750 px спасла. Перед этим, правда, я обновил IE до версии 8. Вопрос по поводу отступов еще в файле print.css. У меня сейчас в IE выставлены поля в 4,23 мм. Как это отобразить в css? Вроде через @page задается. А что в нем надо вписать? Спасибо.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)