How to save a webpage as a PDF without cutting it off

The usual reasons a saved webpage loses its right edge or half its content, and how to fix each one.

Updated · 5 min read

You save a webpage as a PDF and the right side is missing, a sidebar overlaps the text, or the content stops after the first screen. The page isn’t broken; it was designed for a scrolling screen, not a fixed sheet of paper. Here is how to get the whole thing.

Start with the quickest fixes

  1. Switch to landscape. Many layouts are wider than portrait A4 or Letter. Landscape gives roughly 40% more width.
  2. Reduce margins. Setting margins to 5 mm or 0 gives the content a little more room.
  3. Try Letter or Legal. Legal paper is taller, which helps long tables stay together.

In our converter, choose Website URL, paste the address, set orientation and margins, then convert. You can preview the PDF before downloading.

Why content gets cut off

Fixed widths

An element with a fixed width, such as width: 1400px, can’t shrink to fit a page, so Chromium scales the whole page down to fit it. Nothing is lost, but everything becomes smaller; in our wide-table test the text printed at about two-thirds size. If you control the HTML, use max-width: 100% in print styles.

Horizontal scrolling areas

Code blocks, wide tables and carousels that scroll sideways on screen only print the visible part, and the rest is missing from the PDF without any warning. Wrap code with white-space: pre-wrap and let tables use width: 100%.

Content inside a scrolling container

Some apps put the whole page inside a box with a fixed height and its own scroll bar. When printed, only the visible part of that box appears. This is common in web apps and dashboards. The fix is print CSS that removes the fixed height:

@media print {
  html, body, .app, .main { height: auto !important; overflow: visible !important; }
}

Lazy-loaded images

Images that load only when you scroll to them may never load during conversion. If you control the page, remove loading="lazy" from images that must appear, or render them normally.

Cookie banners and pop-ups

Overlays that appear for new visitors can cover content in the PDF. Converting the HTML yourself, without the overlay, avoids this.

When a URL won’t convert

Some pages can’t be converted from their address: pages behind a login, pages on private networks or unusual ports, and sites that block automated browsers. For those, save the page’s HTML (or copy the part you need) and paste it into the HTML Code tab. Any images or styles must use full public URLs or be embedded; see fonts and images in HTML to PDF.

Browser print vs a converter

Your browser’s Print → Save as PDF works well for many pages and uses the same kind of print layout. A dedicated converter helps when you want consistent settings, to convert HTML you’ve written or edited, or to produce the same document repeatedly, for example through an HTML to PDF API.