Вопросы Теги

Печатать нижний колонтитул внизу страницы в сафари

Я пытаюсь разместить элемент div (нижний колонтитул) внизу печатной страницы . В firefox это работает нормально, и div будет располагаться внизу распечатанной страницы.

Однако в Safari нижний колонтитул перемещается вверх по печатной странице , если окно браузера не очень высокое. например. если окно браузера имеет высоту 200 пикселей, то нижний колонтитул распечатки находится примерно на 200 пикселей ниже. Если высота браузера составляет 400 пикселей, он рисует нижний колонтитул на 400 пикселей вниз по странице.

Я хотел бы, чтобы в Safari было такое же поведение, как в Firefox, если возможно?

Основной код, который я использую для этого, следующий: 

<html>
    <head>
        <title>Print footer at bottom of a printed page</title>
        <style type="text/css">
            * { margin:0; padding:0; }
            html, body { height: 100% !important; }
            #footer { height:25px; border-top:solid 1px #000;
                      position:absolute; bottom:0; }
        </style>
    </head>
    <body>
        <p>Some content on the page here</p>
        <div id="footer">This should appear at the very bottom of the printed page</div>    
    </body>
</html>

Редактировать: Я счастлив, если решение требует взлома ... он должен работать только в Safari

5
задан Richard 21 September 2010 в 13:19
поделиться