You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The default user-agent stylesheet as used by Firefox, Chrome, Safari and BFO Publisher sets body { margin: 8px }. Any tool that does this will see lesson-deer wrapping onto the second page because you have html, body { height: 100%} , and lesson-account-statement will not be able to fit your left and right-floating tables side-by-side. You need a body { margin: 0 } rule in both.
In lesson-deer, I'd also strongly suggest setting <!DOCTYPE html> at the top of the file, otherwise you're relying on how quirks-mode is implemented in whichever tool you're testing.
The text was updated successfully, but these errors were encountered:
I just listed two - your "lesson-deer" and "lesson-account-statement" examples
You can test it yourself on printcss.live. It should be easy to verify makes a difference; add body { margin: 8px} to your deer example and test in tools that don't have this as a rule (prince, etc) or - alternatively - set body { margin: 0} to the example and test in tools that do have this as a rule (ie BFO Publisher)
The default user-agent stylesheet as used by Firefox, Chrome, Safari and BFO Publisher sets
body { margin: 8px }
. Any tool that does this will see lesson-deer wrapping onto the second page because you havehtml, body { height: 100%}
, and lesson-account-statement will not be able to fit your left and right-floating tables side-by-side. You need abody { margin: 0 }
rule in both.In lesson-deer, I'd also strongly suggest setting
<!DOCTYPE html>
at the top of the file, otherwise you're relying on how quirks-mode is implemented in whichever tool you're testing.The text was updated successfully, but these errors were encountered: