How to fix HTML elements being cut off when printing

When you print (or print preview) and elements are cut off (e.g. after 1st page, or "randomly") you should check your CSS rules for these:

Is there an element with "display: inline-block" that surrounds your content? Make sure it has "display: block" for printing.
This primarily affects Firefox and Internet Explorer. Chrome seems to be able to handle inline-block elements in most cases.
Does the element itself, or a container, define "overflow: hidden"? Use "overflow: auto" (or maybe "overflow: visible") instead.
Is the element itself, or a container, using "position: absolute" or "position: fixed". You should use "position: static" (default positioning) for printing.

Note that print rendering varies across browsers even more than screen rendering.

Arne Hartherz

makandra.com

Say thanks15

Last edit

Over 6 years ago

Arne Hartherz

Keywords

stylesheets, media

License

Source code in this card is licensed under the MIT License.

How to prevent Nokogiri from fixing invalid HTML

Nokogiri is great. It will even fix invalid HTML for you, like a browser would (e.g. move block elements out of parents which are specified to not allow them).

>> Nokogiri::HTML.fragment("<h1><p>foo</p><span>bar</span></h1>").to_s
=> "<h1...

How to fix: "unexpected token" error for JSON.parse

When using the json gem, you might run into this error when using JSON.parse:

>> json = 'foo'.to_json
>> JSON.parse(json)
JSON::ParserError: 757: unexpected token at '"foo"'
	from /.../gems/json-...

How to reverse the order of HTML elements with CSS

Imagine you have a list you want to render inline on large screens, but stacked on small screens.

<ul>
  <li>high</li>
  <li>medium</li>
  <li>low</li>
</ul>

ul { white-space: nowrap } /* optional: keep items in one line no matter th...

How to fix "Too many authentic authentication failures" with SSH and/or Capistrano

You are getting when connecting via SSH or deploying with Capistrano (which uses SSH):

Too many authentication failures for username

This is caused by having too many SSH keys added to your keyring or ssh-agent. Your ssh-agent will throw all...

When sessions, cookies and Clearance tokens expire and how to change it

Expiration of Rails sessions

By default Rails sessions expire when the user closes her browser window.

To change this edit your config/initializers/session_store.rb like this:

ActionController::Base.session = ...

Posted by Arne Hartherz to makandra dev (2017-11-08 14:54)

How to fix HTML elements being cut off when printing

Related cards:

What's happening?...

Expiration of Rails sessions