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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

background image stops repeating leaving a blank area in my top page banner

  • 4 antwoorde
  • 1 het hierdie probleem
  • 3 views
  • Laaste antwoord deur tjhaas

more options

I have a top banner comprised using three images. One to the left, one to the right and a third image that should tile between the left and right images.

In IE it works fine, in Firefox it stops tiling and leaves a small white area when viewed on very wide screens (mine is 1920 x 1080). It tiles fine on smaller width screens.

The website is www.shophutchinsonmn.com

I have a top banner comprised using three images. One to the left, one to the right and a third image that should tile between the left and right images. In IE it works fine, in Firefox it stops tiling and leaves a small white area when viewed on very wide screens (mine is 1920 x 1080). It tiles fine on smaller width screens. The website is www.shophutchinsonmn.com

Gekose oplossing

The cell with the gap does not have a background image. To confirm, try this:

(1) Display the Web Console above the page by pressing Ctrl+Shift+k

(2) Add borders to the table cells by pasting this code and pressing Enter:


document.querySelector("table").setAttribute("border","1");

(3) Resize the window between 1400 and 1450 to open/close the gap

(Note: viewed on a 1600x1050 monitor)

Lees dié antwoord in konteks 👍 0

All Replies (4)

more options

Any particular reason for the non-breaking space added to the middle image?

  <td width="64%"align="right" valign="top" background="http://www.shophutchinsonmn.com/template/default/images/banner-background.gif">&nbsp;</td>
more options

Not that I am aware of, that is just the way it was set up in the template.

more options

Gekose oplossing

The cell with the gap does not have a background image. To confirm, try this:

(1) Display the Web Console above the page by pressing Ctrl+Shift+k

(2) Add borders to the table cells by pasting this code and pressing Enter:


document.querySelector("table").setAttribute("border","1");

(3) Resize the window between 1400 and 1450 to open/close the gap

(Note: viewed on a 1600x1050 monitor)

Gewysig op deur jscher2000 - Support Volunteer

more options

Well that does the trick, I thought the gap was in the center cell . . . turns out it is in the right cell. Added the background image and the problem appears to be solved.

Thanks