Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Page-Break-Before error

  • 3 replies
  • 2 have this problem
  • 12 views
  • Last reply by Col_Boogie

Col_Boogie
Col_Boogie
more options

In <style> section I have 

div.left	{float:left; margin-left:.5in; width:4.7in}
div.right	{float:right;margin-right:.5in;width:4.7in}
div.clear	{clear: both; page-break-before: always}

in <body> there is 

<div class='right'>   ...
</div><div class='clear'></div><div class='left'>
<h1>Responses to One of a minor (continued)</h1>

The <h1> data gets put on the bottom of the page before it. I feel that is a Mozilla error, if not, how do I correct it.

In <style> section I have <pre><nowiki>div.left {float:left; margin-left:.5in; width:4.7in} div.right {float:right;margin-right:.5in;width:4.7in} div.clear {clear: both; page-break-before: always}</nowiki></pre> in <body> there is <pre><nowiki><div class='right'> ... </div><div class='clear'></div><div class='left'> <h1>Responses to One of a minor (continued)</h1> </nowiki></pre> The &lt;h1&gt; data gets put on the bottom of the page before it. I feel that is a Mozilla error, if not, how do I correct it.

Modified by cor-el

Chosen solution

I've fixed your first (question) post and deleted the others.

Best is always to create a test page (e.g. jsfiddle.net), so we can check this on a live page.

See also:

Read this answer in context 👍 1

All Replies (3)

Col_Boogie
Col_Boogie Question owner
more options

Col_Boogie said

In <style> section I have
div.left {float:left; margin-left:.5in; width:4.7in}
div.right {float:right;margin-right:.5in;width:4.7in}
div.clear {clear: both; page-break-before: always}
in <body> there is
<div class='right'> ...
</div≶<div class='clear'></div><div class='left'>
<h1>Responses to One of a minor (continued)</h1>
The <h1> data gets put on the bottom of the page before it.
I feel that is a Mozilla error, if not, how do I correct it.

Sorry - question posted funny - still trying to correct </blockquote>

cor-el
cor-el
  • Moderator
more options

Chosen Solution

I've fixed your first (question) post and deleted the others.

Best is always to create a test page (e.g. jsfiddle.net), so we can check this on a live page.

See also:

Modified by cor-el

Col_Boogie
Col_Boogie Question owner
more options

Thank you. I also found an alternate solution using google. On first division statement put float:none and use for float:left add page-break-before: always which I need to keep because other browsers were having the same problem.