New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Full page body and html #138

Open

mhulse opened this issue Mar 31, 2018 · 1 comment

Labels

Globals Layout README

Owner

mhulse commented Mar 31, 2018 •

edited

Loading

html {
    height: 100%;
}
body {
    min-height: 100%;
}

mhulse added README and removed README labels

mhulse added Layout Globals labels

Owner Author

mhulse commented Nov 6, 2018

Note that in Safari, height: 100% can cause issues with printing and page breaks:

...
first page
...
<div class="print-break"></div>
...
second page
...

@media print {
    html {
        height: auto;
    }
    .print-break {
        display: block;
        page-break-before: always;
        position: relative;
    }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment