Recent answers to HTML background image stops being replicated in long pagehttps://support.mozilla.org/en-US/questions/8825722012-06-16T14:36:04-07:00Jscher2000 - Thank you, I used the color you suggested. It looks fine for now, but I would sure like2012-06-16T14:36:04-07:00Bluejayhttps://support.mozilla.org/en-US/questions/882572#answer-343181<p>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.
</p>Hi Bluejay, the home page renders out to 55298.7px tall, and Firefox has a bug that limits backgroun2012-06-13T14:03:38-07:00jscher2000https://support.mozilla.org/en-US/questions/882572#answer-341893<p>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 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=671302" rel="nofollow">Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px</a>.
</p><p>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.&nbsp;??
</p><p>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:
</p><pre><br>body {background: #527A31 url('dreamgreen.gif');}
</pre>Okay, here is one of the pages I'm experiencing this on.
AstralAviary: Barbara Newhall Follett Archi2012-06-13T05:45:15-07:00Bluejayhttps://support.mozilla.org/en-US/questions/882572#answer-341771<p>Okay, here is one of the pages I'm experiencing this on.
</p><p><a href="http://www.dreamshore.net/bluejay/barbara.html" rel="nofollow">AstralAviary: Barbara Newhall Follett Archive</a>
</p>Thank you.
I did not realize you could specify a bg color in addition to an image and
have the imag2012-06-12T20:27:54-07:00vestibulehttps://support.mozilla.org/en-US/questions/882572#answer-341520<p>Thank you.
</p><p>I did not realize you could specify a bg color in addition to an image and
have the image still function.
</p><p>The fix is good for my site.
</p><p>Much appreciate your help.
</p>Hi vestibule, the home page renders out to 42072.5px tall, and Firefox has a bug that limits backgro2012-06-12T17:50:40-07:00jscher2000https://support.mozilla.org/en-US/questions/882572#answer-341488<p>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 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=671302" rel="nofollow">Bug 671302 – cairo-gdi: large background-images and gradients don't work beyond ~ 32735px</a>.
</p><p>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.&nbsp;??
</p><p>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):
</p><pre><br>body {
background-image: url(Image_Files/parchmnt.jpg);
background-color: #f8f8d4;
}
</pre>Problem with Background repeat Here is link to home page that is long and has the problem.
All long 2012-06-12T14:46:17-07:00vestibulehttps://support.mozilla.org/en-US/questions/882572#answer-341462<p><a href="http://www.hallvworthington.com" rel="nofollow">Problem with Background repeat</a> Here is link to home page that is long and has the problem.
</p><p>All long pages have same problem: here is another <a href="http://www.hallvworthington.com/waiting.html" rel="nofollow">http://www.hallvworthington.com/waiting.html</a>
</p><p>They all have the same coding:
body {
background-image: url(../Image_Files/parchmnt.jpg);
</p><p>}
</p><p>I've tried all the suggested coding changes I could find on the web - no luck.
</p><p>Any solution would be appreciated, particularly by the users of Firefox.
</p>I hadn't noticed that I posted a link to a question instead of the Bug with the same number.
bug 692012-06-12T14:22:41-07:00cor-elhttps://support.mozilla.org/en-US/questions/882572#answer-341455<p>I hadn't noticed that I posted a link to a question instead of the Bug with the same number.
</p>
<ul><li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=692350" rel="nofollow">bug 692350</a> Table background stops repeating after ~1600 lines
</li></ul>Hi Bluejay and vestibule, can you post URLs for the affected pages so volunteers can have a look? Or2012-06-12T14:18:21-07:00jscher2000https://support.mozilla.org/en-US/questions/882572#answer-341453<p>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 <a href="http://forums.mozillazine.org/viewforum.php?f=25" rel="nofollow">mozillaZine Web Development board</a>. Separate forum, separate registration. Please note the tips in the Sticky Post at the top of the forum before posting.
</p>I have same problem in Firefox. No problem in IE or Chrome. Definite bug. Just showed up in Rel 11 a2012-06-12T13:59:26-07:00vestibulehttps://support.mozilla.org/en-US/questions/882572#answer-341446<p>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.
</p>I am using Firefox 12 and I have the same problem. I tested both straight HTML and CSS and it happen2012-05-26T07:22:42-07:00Bluejayhttps://support.mozilla.org/en-US/questions/882572#answer-336533<p>I am using Firefox 12 and I have the same problem. I tested both straight HTML and CSS and it happens with both.
</p><p><br>
If I put in code as follows,
</p><p><br>
&lt;style type="text/css"&gt;
body {background-image:url('blahblah.gif');
&lt;/style&gt;
</p><p>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.
</p><strike>See [/questions/692350] </strike>
It should ofcource be Bug 692350.
bug 692350 2011-11-25T07:28:41-08:00cor-elhttps://support.mozilla.org/en-US/questions/882572#answer-279777<p>&lt;strike&gt;See [<a href="/questions/692350" rel="nofollow">/questions/692350</a>] &lt;/strike&gt;
</p><p>It should ofcource be Bug 692350.
</p>
<ul><li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=692350" rel="nofollow">bug 692350</a> Table background stops repeating after ~1600 lines
</li></ul>With Firefox 8 I've noticed that the divide between the first part of the page with the border and t2011-11-24T17:20:11-08:00Curmudgeon3https://support.mozilla.org/en-US/questions/882572#answer-279631<p>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.
</p>The background I am using is for the borders. It works on most my sales pages, but the one it stops 2011-11-23T21:13:25-08:00Don_Riebhttps://support.mozilla.org/en-US/questions/882572#answer-279351<p>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.
</p><p>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.
</p><p>MrSaveware
</p>