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

Support Forum

HTML background image stops being replicated in long page

Posted

This is a straight HTML (no JavaScript, no CSS) page with a tiled background image (128x128 pixel JPEG). After about 2/3 of the roughly 3,000 lines of this page the background image stops, with a smooth horizontal divide: the tiled image background above, and a white background below. The discontinuity moves up and down some while scrolling this page, but remains a clean horizontal break.

This is new behavior with Firefox 7. The background image was displayed throughout the full page with Firefox 6 and earlier.

This is a straight HTML (no JavaScript, no CSS) page with a tiled background image (128x128 pixel JPEG). After about 2/3 of the roughly 3,000 lines of this page the background image stops, with a smooth horizontal divide: the tiled image background above, and a white background below. The discontinuity moves up and down some while scrolling this page, but remains a clean horizontal break. This is new behavior with Firefox 7. The background image was displayed throughout the full page with Firefox 6 and earlier.

Additional System Details

Sites Affected

http://home.comcast.net/~ftm3/ASMoNM/domains.html

Installed Plug-ins

  • Shockwave Flash 10.3 r183
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.1
  • Version 1.1.11, copyright 1996-2011 The VideoLAN Teamhttp://www.videolan.org/
  • DivX Web Player version 2.1.1.94
  • DivX VOD Helper Plug-in
  • Reader Library Helper Plugin
  • npdivxplayerplugin
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 1.6.0_15 for Mozilla browsers
  • Java(TM) Platform SE binary
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • RealJukebox Netscape Plugin
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • 6.0.12.46
  • Rhapsody Player Engine Plugin
  • np-mswmp

Application

  • User Agent: Mozilla/5.0 (Windows NT 5.1; rv:7.0.1) Gecko/20100101 Firefox/7.0.1

More Information

Application Basics
Name
Firefox
Version
7.0.1
User Agent
Mozilla/5.0 (Windows NT 5.1; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
Profile Directory
Open Containing Folder
Enabled Plugins
about:plugins
Build Configuration
about:buildconfig
Extensions
Name
Version
Enabled
ID
Adblock Plus
1.3.10
true
{d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d}
Aero Window Title
1.6
true
aero-window-title@benjamin.smedbergs.us
BugMeNot
2.2
true
{987311C6-B504-4aa2-90BF-60CC49808D42}
Flashblock
1.5.15.1
true
{3d7eb24f-2740-49df-8937-200b1cc08f8a}
iMacros for Firefox
7.4.0.1
true
{81BF1D23-5F17-408D-AC6B-BD6DF7CAF670}
Java Quick Starter
1.0
true
jqs@sun.com
NoScript
2.1.2.8
true
{73a6fe31-595d-460b-a920-fcc0f8843232}
Stylish
1.2.3
true
{46551EC9-40F0-4e47-8E18-8E5CF550CFB8}
Text Formatting Toolbar
0.1.4.10
true
format.bar@codefisher.org
DivX HiQ
2.1.1.94
false
{6904342A-8307-11DF-A508-4AE2DFD72085}
DivX Plus Web Player HTML5 <video>
2.1.1.94
false
{23fcfd51-4958-4f00-80a3-ae97e717ed8b}
Java Console
6.0.15
false
{CAFEEFAC-0016-0000-0015-ABCDEFFEDCBA}
Microsoft .NET Framework Assistant
1.2.1
false
{20a82645-c095-46ed-80e3-08825760534b}
Norton Toolbar
2011.7.2.3
false
{2D3F3651-74B9-4795-BDEC-6DA2F431CB62}
RealPlayer Browser Record Plugin
1.0
false
{ABDE892B-13A8-4d1b-88E6-365A6E755758}
Symantec IPS
3.2
false
{BBDA0591-3099-440a-AA10-41764D9DB4DB}
Modified Preferences
Name
Value
accessibility.typeaheadfind.flashBar
0
browser.history_expire_days.mirror
20
browser.link.open_newwindow.restriction
0
browser.places.importBookmarksHTML
false
browser.places.importDefaults
false
browser.places.leftPaneFolderId
-1
browser.places.migratePostDataAnnotations
false
browser.places.smartBookmarksVersion
2
browser.places.updateRecentTagsUri
false
browser.startup.homepage
http://epguides.com/grid/
browser.startup.homepage_override.buildID
20110928134238
browser.startup.homepage_override.mstone
rv:7.0.1
browser.tabs.autoHide
true
browser.zoom.full
false
dom.disable_window_move_resize
true
dom.event.contextmenu.enabled
false
dom.max_script_run_time
0
extensions.lastAppVersion
7.0.1
font.default.x-western
sans-serif
font.name.monospace.x-western
Lucida Console
font.name.sans-serif.x-western
Verdana
font.name.serif.x-western
Georgia
font.size.fixed.x-western
15
general.useragent.extra.microsoftdotnet
( .NET CLR 3.5.30729)
gfx.blacklist.direct2d
2
gfx.blacklist.layers.direct3d10
2
gfx.blacklist.layers.direct3d10-1
2
network.cookie.cookieBehavior
2
network.cookie.prefsMigrated
true
network.http.pipelining
true
network.http.pipelining.maxrequests
8
network.http.proxy.pipelining
true
network.http.proxy.version
1.0
network.protocol-handler.warn-external.mms
false
places.database.lastMaintenance
1317549812
places.history.expiration.transient_current_max_pages
31892
places.last_vacuum
1299898267
print.print_printer
HP LaserJet 4P
print.printer_Dell_Color_Printer_725.print_bgcolor
false
print.printer_Dell_Color_Printer_725.print_bgimages
false
print.printer_Dell_Color_Printer_725.print_command
print.printer_Dell_Color_Printer_725.print_downloadfonts
true
print.printer_Dell_Color_Printer_725.print_evenpages
true
print.printer_Dell_Color_Printer_725.print_footercenter
print.printer_Dell_Color_Printer_725.print_footerleft
print.printer_Dell_Color_Printer_725.print_footerright
print.printer_Dell_Color_Printer_725.print_headercenter
print.printer_Dell_Color_Printer_725.print_headerleft
print.printer_Dell_Color_Printer_725.print_headerright
print.printer_Dell_Color_Printer_725.print_in_color
true
print.printer_Dell_Color_Printer_725.print_margin_bottom
0
print.printer_Dell_Color_Printer_725.print_margin_left
0.1
print.printer_Dell_Color_Printer_725.print_margin_right
0.1
print.printer_Dell_Color_Printer_725.print_margin_top
0
print.printer_Dell_Color_Printer_725.print_oddpages
true
print.printer_Dell_Color_Printer_725.print_orientation
0
print.printer_Dell_Color_Printer_725.print_pagedelay
500
print.printer_Dell_Color_Printer_725.print_paper_data
1
print.printer_Dell_Color_Printer_725.print_paper_height
11.00
print.printer_Dell_Color_Printer_725.print_paper_size
6619250
print.printer_Dell_Color_Printer_725.print_paper_size_type
0
print.printer_Dell_Color_Printer_725.print_paper_size_unit
0
print.printer_Dell_Color_Printer_725.print_paper_width
8.50
print.printer_Dell_Color_Printer_725.print_reversed
false
print.printer_Dell_Color_Printer_725.print_scaling
1.00
print.printer_Dell_Color_Printer_725.print_shrink_to_fit
true
print.printer_Dell_Color_Printer_725.print_to_file
false
print.printer_HP_LaserJet_4P.print_bgcolor
false
print.printer_HP_LaserJet_4P.print_bgimages
false
print.printer_HP_LaserJet_4P.print_command
print.printer_HP_LaserJet_4P.print_downloadfonts
true
print.printer_HP_LaserJet_4P.print_edge_bottom
0
print.printer_HP_LaserJet_4P.print_edge_left
0
print.printer_HP_LaserJet_4P.print_edge_right
0
print.printer_HP_LaserJet_4P.print_edge_top
0
print.printer_HP_LaserJet_4P.print_evenpages
true
print.printer_HP_LaserJet_4P.print_footercenter
print.printer_HP_LaserJet_4P.print_footerleft
print.printer_HP_LaserJet_4P.print_footerright
print.printer_HP_LaserJet_4P.print_headercenter
print.printer_HP_LaserJet_4P.print_headerleft
print.printer_HP_LaserJet_4P.print_headerright
print.printer_HP_LaserJet_4P.print_in_color
true
print.printer_HP_LaserJet_4P.print_margin_bottom
0
print.printer_HP_LaserJet_4P.print_margin_left
0.100000001490116
print.printer_HP_LaserJet_4P.print_margin_right
0.100000001490116
print.printer_HP_LaserJet_4P.print_margin_top
0
print.printer_HP_LaserJet_4P.print_oddpages
true
print.printer_HP_LaserJet_4P.print_orientation
0
print.printer_HP_LaserJet_4P.print_pagedelay
500
print.printer_HP_LaserJet_4P.print_paper_data
1
print.printer_HP_LaserJet_4P.print_paper_height
11.00
print.printer_HP_LaserJet_4P.print_paper_size
6619250
print.printer_HP_LaserJet_4P.print_paper_size_type
0
print.printer_HP_LaserJet_4P.print_paper_size_unit
0
print.printer_HP_LaserJet_4P.print_paper_width
8.50
print.printer_HP_LaserJet_4P.print_reversed
false
print.printer_HP_LaserJet_4P.print_scaling
1.00
print.printer_HP_LaserJet_4P.print_shrink_to_fit
true
print.printer_HP_LaserJet_4P.print_to_file
false
print.printer_HP_LaserJet_4P.print_unwriteable_margin_bottom
0
print.printer_HP_LaserJet_4P.print_unwriteable_margin_left
0
print.printer_HP_LaserJet_4P.print_unwriteable_margin_right
0
print.printer_HP_LaserJet_4P.print_unwriteable_margin_top
0
print.printer_HP_OfficeJet_Series_600_Print.print_bgcolor
false
print.printer_HP_OfficeJet_Series_600_Print.print_bgimages
false
print.printer_HP_OfficeJet_Series_600_Print.print_command
print.printer_HP_OfficeJet_Series_600_Print.print_downloadfonts
true
print.printer_HP_OfficeJet_Series_600_Print.print_edge_bottom
0
print.printer_HP_OfficeJet_Series_600_Print.print_edge_left
0
print.printer_HP_OfficeJet_Series_600_Print.print_edge_right
0
print.printer_HP_OfficeJet_Series_600_Print.print_edge_top
0
print.printer_HP_OfficeJet_Series_600_Print.print_evenpages
true
print.printer_HP_OfficeJet_Series_600_Print.print_footercenter
print.printer_HP_OfficeJet_Series_600_Print.print_footerleft
print.printer_HP_OfficeJet_Series_600_Print.print_footerright
print.printer_HP_OfficeJet_Series_600_Print.print_headercenter
print.printer_HP_OfficeJet_Series_600_Print.print_headerleft
print.printer_HP_OfficeJet_Series_600_Print.print_headerright
print.printer_HP_OfficeJet_Series_600_Print.print_in_color
true
print.printer_HP_OfficeJet_Series_600_Print.print_margin_bottom
0
print.printer_HP_OfficeJet_Series_600_Print.print_margin_left
0.100000001490116
print.printer_HP_OfficeJet_Series_600_Print.print_margin_right
0.100000001490116
print.printer_HP_OfficeJet_Series_600_Print.print_margin_top
0
print.printer_HP_OfficeJet_Series_600_Print.print_oddpages
true
print.printer_HP_OfficeJet_Series_600_Print.print_orientation
0
print.printer_HP_OfficeJet_Series_600_Print.print_pagedelay
500
print.printer_HP_OfficeJet_Series_600_Print.print_paper_data
1
print.printer_HP_OfficeJet_Series_600_Print.print_paper_height
11.00
print.printer_HP_OfficeJet_Series_600_Print.print_paper_size
6619250
print.printer_HP_OfficeJet_Series_600_Print.print_paper_size_type
0
print.printer_HP_OfficeJet_Series_600_Print.print_paper_size_unit
0
print.printer_HP_OfficeJet_Series_600_Print.print_paper_width
8.50
print.printer_HP_OfficeJet_Series_600_Print.print_reversed
false
print.printer_HP_OfficeJet_Series_600_Print.print_scaling
1.00
print.printer_HP_OfficeJet_Series_600_Print.print_shrink_to_fit
true
print.printer_HP_OfficeJet_Series_600_Print.print_to_file
false
print.printer_HP_OfficeJet_Series_600_Print.print_unwriteable_margin_bottom
0
print.printer_HP_OfficeJet_Series_600_Print.print_unwriteable_margin_left
0
print.printer_HP_OfficeJet_Series_600_Print.print_unwriteable_margin_right
0
print.printer_HP_OfficeJet_Series_600_Print.print_unwriteable_margin_top
0
privacy.clearOnShutdown.cookies
false
privacy.clearOnShutdown.formdata
false
privacy.clearOnShutdown.history
false
privacy.cpd.cookies
false
privacy.cpd.sessions
false
privacy.sanitize.migrateFx3Prefs
true
privacy.sanitize.promptOnSanitize
false
privacy.sanitize.timeSpan
0
security.enable_ssl2
true
security.enable_tls
false
security.warn_entering_weak
false
security.warn_viewing_mixed
false
Graphics
Adapter Description
Intel(R) G965 Express Chipset Family
Vendor ID
8086
Device ID
29a2
Adapter RAM
Unknown
Adapter Drivers
igxprd32
Driver Version
6.14.10.4642
Driver Date
7-21-2006
WebGL Renderer
Blocked for your graphics driver version. Try updating your graphics driver to version 6.14.10.5218 or newer.
GPU Accelerated Windows
0/1. Blocked for your graphics driver version. Try updating your graphics driver to version 6.14.10.5218 or newer.

Don_Rieb 0 solutions 2 answers

The background I am using is for the borders. It works on most my sales pages, but the one it stops short on is a very long one. I also have a problem with some that shows the background at the bottom before the footer graphics.

But I know it is FireFox because I tried the page in Internet Explorer and it worked fine. I guess I will just wait for a FF update as I don't find any way to overcome the problem other then take out my repeating background all together and code in a normal border.

MrSaveware

The background I am using is for the borders. It works on most my sales pages, but the one it stops short on is a very long one. I also have a problem with some that shows the background at the bottom before the footer graphics. But I know it is FireFox because I tried the page in Internet Explorer and it worked fine. I guess I will just wait for a FF update as I don't find any way to overcome the problem other then take out my repeating background all together and code in a normal border. MrSaveware

Question owner

With Firefox 8 I've noticed that the divide between the first part of the page with the border and the remainder that just has a white background isn't always a full screen width; sometimes the break is just after a random tile.

With Firefox 8 I've noticed that the divide between the first part of the page with the border and the remainder that just has a white background isn't always a full screen width; sometimes the break is just after a random tile.
cor-el
  • Top 10 Contributor
  • Moderator
15469 solutions 140108 answers

See [/questions/692350]

It should ofcource be Bug 692350.

  • bug 692350 Table background stops repeating after ~1600 lines
<strike>See [[/questions/692350]] </strike> It should ofcource be Bug 692350. *[https://bugzilla.mozilla.org/show_bug.cgi?id=692350 bug 692350] Table background stops repeating after ~1600 lines

Modified by cor-el

Bluejay 1 solutions 10 answers

I am using Firefox 12 and I have the same problem. I tested both straight HTML and CSS and it happens with both.


If I put in code as follows,


<style type="text/css"> body {background-image:url('blahblah.gif'); </style>

it looks fine in Internet Explorer, but in Firefox it stops halfway down the page. This is not a problem with coding, this is a bug and it needs a bug fix.

I am using Firefox 12 and I have the same problem. I tested both straight HTML and CSS and it happens with both. If I put in code as follows, <style type="text/css"> body {background-image:url('blahblah.gif'); </style> it looks fine in Internet Explorer, but in Firefox it stops halfway down the page. This is not a problem with coding, this is a bug and it needs a bug fix.
vestibule 0 solutions 3 answers

I have same problem in Firefox. No problem in IE or Chrome. Definite bug. Just showed up in Rel 11 and 12 for me. Older worked fine.

I have same problem in Firefox. No problem in IE or Chrome. Definite bug. Just showed up in Rel 11 and 12 for me. Older worked fine.
jscher2000
  • Top 10 Contributor
6444 solutions 52775 answers

Hi Bluejay and vestibule, can you post URLs for the affected pages so volunteers can have a look? Or, if the heavy end-user support traffic here delays responses, you could try the mozillaZine Web Development board. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting.

Hi Bluejay and vestibule, can you post URLs for the affected pages so volunteers can have a look? Or, if the heavy end-user support traffic here delays responses, you could try the [http://forums.mozillazine.org/viewforum.php?f=25 mozillaZine Web Development board]. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting.
cor-el
  • Top 10 Contributor
  • Moderator
15469 solutions 140108 answers

I hadn't noticed that I posted a link to a question instead of the Bug with the same number.

  • bug 692350 Table background stops repeating after ~1600 lines
I hadn't noticed that I posted a link to a question instead of the Bug with the same number. *[https://bugzilla.mozilla.org/show_bug.cgi?id=692350 bug 692350] Table background stops repeating after ~1600 lines
vestibule 0 solutions 3 answers

Problem with Background repeat Here is link to home page that is long and has the problem.

All long pages have same problem: here is another http://www.hallvworthington.com/waiting.html

They all have the same coding: body { background-image: url(../Image_Files/parchmnt.jpg);

}

I've tried all the suggested coding changes I could find on the web - no luck.

Any solution would be appreciated, particularly by the users of Firefox.

[http://www.hallvworthington.com Problem with Background repeat] Here is link to home page that is long and has the problem. All long pages have same problem: here is another http://www.hallvworthington.com/waiting.html They all have the same coding: body { background-image: url(../Image_Files/parchmnt.jpg); } I've tried all the suggested coding changes I could find on the web - no luck. Any solution would be appreciated, particularly by the users of Firefox.
jscher2000
  • Top 10 Contributor
6444 solutions 52775 answers

Helpful Reply

Hi vestibule, the home page renders out to 42072.5px tall, and Firefox has a bug that limits backgrounds to a height of approximately 32735px tall. See Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px.

This bug is coming up on a year old and for some reason hasn't been fixed yet, perhaps because such long pages are relatively rare on the web. ??

Until that is resolved, to make the "transition" less jarring, you can add a matching background color (this is the closest I can come up with at the moment):


body { background-image: url(Image_Files/parchmnt.jpg); background-color: #f8f8d4; }
Hi vestibule, the home page renders out to 42072.5px tall, and Firefox has a bug that limits backgrounds to a height of approximately 32735px tall. See [https://bugzilla.mozilla.org/show_bug.cgi?id=671302 Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px]. This bug is coming up on a year old and for some reason hasn't been fixed yet, perhaps because such long pages are relatively rare on the web. ?? Until that is resolved, to make the "transition" less jarring, you can add a matching background color (this is the closest I can come up with at the moment): <br>body { background-image: url(Image_Files/parchmnt.jpg); background-color: #f8f8d4; }
vestibule 0 solutions 3 answers

Thank you.

I did not realize you could specify a bg color in addition to an image and have the image still function.

The fix is good for my site.

Much appreciate your help.

Thank you. I did not realize you could specify a bg color in addition to an image and have the image still function. The fix is good for my site. Much appreciate your help.
Bluejay 1 solutions 10 answers

Okay, here is one of the pages I'm experiencing this on.

AstralAviary: Barbara Newhall Follett Archive

Okay, here is one of the pages I'm experiencing this on. [http://www.dreamshore.net/bluejay/barbara.html AstralAviary: Barbara Newhall Follett Archive]
jscher2000
  • Top 10 Contributor
6444 solutions 52775 answers

Helpful Reply

Hi Bluejay, the home page renders out to 55298.7px tall, and Firefox has a bug that limits backgrounds to a height of approximately 32735px tall. See Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px.

This bug is coming up on a year old and for some reason hasn't been fixed yet, perhaps because such long pages are relatively rare on the web. ??

Until that is resolved, to make the "transition" less jarring, you can add a complementary background color. Your image has a lot to choose from, but maybe something like this? Note that I've used the background property, which lets you combine the color and image url in one rule:


body {background: #527A31 url('dreamgreen.gif');}
Hi Bluejay, the home page renders out to 55298.7px tall, and Firefox has a bug that limits backgrounds to a height of approximately 32735px tall. See [https://bugzilla.mozilla.org/show_bug.cgi?id=671302 Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px]. This bug is coming up on a year old and for some reason hasn't been fixed yet, perhaps because such long pages are relatively rare on the web. ?? Until that is resolved, to make the "transition" less jarring, you can add a complementary background color. Your image has a lot to choose from, but maybe something like this? Note that I've used the background property, which lets you combine the color and image url in one rule: <br>body {background: #527A31 url('dreamgreen.gif');}
Bluejay 1 solutions 10 answers

Jscher2000 - Thank you, I used the color you suggested. It looks fine for now, but I would sure like to see the bug get fixed.

Jscher2000 - Thank you, I used the color you suggested. It looks fine for now, but I would sure like to see the bug get fixed.