X
Tap here to go to the mobile version of the site.

Support Forum

Page-Break-Before error

Posted

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
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 25.0 r0

Application

  • Firefox 53.0.3
  • User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0
  • Support URL: https://support.mozilla.org/1/firefox/53.0.3/WINNT/en-US/

Extensions

  • adaware ad block 1.5.1.0 (AdBlockerLavaSoftFF@lavasoft.com)
  • JavaScript Toggle On and Off 0.1.4 (jid1-EbhJmw1yu6Juy@jetpack)
  • Shield Recipe Client 1.0.0 (shield-recipe-client@mozilla.org)
  • Application Update Service Helper 2.0 (aushelper@mozilla.org) (Inactive)
  • Avast Online Security 12.0.222 (wrc@avast.com) (Inactive)
  • Avast SafePrice 12.0.222 (sp@avast.com) (Inactive)
  • HP Smart Web Printing 4.5 (smartwebprinting@hp.com) (Inactive)
  • Multi-process staged rollout 1.14 (e10srollout@mozilla.org) (Inactive)
  • Pocket 1.0.5 (firefox@getpocket.com) (Inactive)
  • Web Compat 1.0 (webcompat@mozilla.org) (Inactive)

Javascript

  • incrementalGCEnabled: True

Graphics

  • adapterDescription: Intel(R) G45/G43 Express Chipset (Microsoft Corporation - WDDM 1.1)
  • adapterDescription2:
  • adapterDeviceID: 0x2e22
  • adapterDeviceID2:
  • adapterDrivers: igdumd64 igd10umd64 igdumd32 igd10umd32
  • adapterDrivers2:
  • adapterRAM: Unknown
  • adapterRAM2:
  • adapterSubsysID: 02511025
  • adapterSubsysID2:
  • adapterVendorID: 0x8086
  • adapterVendorID2:
  • crashGuards: []
  • currentAudioBackend: wasapi
  • direct2DEnabled: False
  • direct2DEnabledMessage: [u'blockedGfxCard']
  • directWriteEnabled: True
  • directWriteVersion: 10.0.14393.1198
  • driverDate: 3-11-2013
  • driverDate2:
  • driverVersion: 8.15.10.2702
  • driverVersion2:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'description': u'Compositing', u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'description': u'Direct3D11 Compositing', u'name': u'D3D11_COMPOSITING'}, {u'status': u'disabled', u'log': [{u'status': u'disabled', u'message': u'Disabled by default', u'type': u'default'}], u'description': u'Direct3D9 Compositing', u'name': u'D3D9_COMPOSITING'}, {u'status': u'blacklisted', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blacklisted', u'message': u'#BLOCKLIST_FEATURE_FAILURE_1180379', u'type': u'env'}], u'description': u'Direct2D', u'name': u'DIRECT2D'}, {u'status': u'blacklisted', u'log': [{u'status': u'available', u'type': u'default'}, {u'status': u'blacklisted', u'message': u'#BLOCKLIST_FEATURE_FAILURE_BUG_1153381', u'type': u'env'}], u'description': u'Direct3D11 hardware ANGLE', u'name': u'D3D11_HW_ANGLE'}, {u'status': u'available', u'log': [{u'status': u'available', u'type': u'default'}], u'description': u'GPU Process', u'name': u'GPU_PROCESS'}]}
  • info: {u'AzureCanvasAccelerated': 0, u'ApzWheelInput': 1, u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'AzureFallbackCanvasBackend (UI Process)': u'cairo'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • webgl2Renderer: WebGL creation failed: * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Error during ANGLE OpenGL init. * Exhausted GL driver caps.
  • webglRenderer: Google Inc. -- ANGLE (Intel(R) G45/G43 Express Chipset (Microsoft Corporation - WDDM 1.1) Direct3D9Ex vs_3_0 ps_3_0)
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11

Modified Preferences

Misc

  • User JS: Yes
  • Accessibility: No

Question owner

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>

''Col_Boogie [[#question-1162815|said]]'' <blockquote> In <style> section I have<br> div.left {float:left; margin-left:.5in; width:4.7in}<br> div.right {float:right;margin-right:.5in;width:4.7in}<br> div.clear {clear: both; page-break-before: always}<br> in <body> there is<br> &lt;div class='right'&gt; ...<br> &lt;/div&lg;&lt;div class='clear'&gt;&lt;/div&gt;&lt;div class='left'&gt;<br> &lt;h1&gt;Responses to One of a minor (continued)&lt;/h1&gt;<br> The &lt;h1&gt; data gets put on the bottom of the page before it.<br> I feel that is a Mozilla error, if not, how do I correct it.<br> </blockquote> Sorry - question posted funny - still trying to correct </blockquote>
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
15341 solutions 139075 answers

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:

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: *https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before

Modified by cor-el

Was this helpful to you? 1
Quote

Helpful Reply

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.

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.
Was this helpful to you? 1
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.