by lrjd
3 replies
  • WEB DESIGN
  • |
I would appreciate it if someone could help me out.The
problem I have is, I'm trying to get my footer background
image to repeat across the bottom of my site, the first
link, like it does in the second link below.
http://www.autoprofitspro.com/members/
Untitled Document

Thanks in advance.
#footer #problem
  • Profile picture of the author Kezz
    The difference between the two sites seems to be that the once with the desired effect has two tables, one inside the other, where yours has one.

    In the second link, there is one full width table that fills the entire screen. The footer graphic is housed in that table, which is why it can tile across the bottom. Inside the full screen table is a second centered table that holds the site content itself.

    Your current site has only one table, that is only the width of the content area. The footer image is housed inside this table, which is why it can't go any wider than that area. The top image tiles because it is actually the background image of the <body> tag, which is outside of the table.

    If you want to emulate the site in your second link, you can try creating a second table that wraps the one you already have in the same fashion.
    {{ DiscussionBoard.errors[794407].message }}
  • Profile picture of the author Aaron Sustar
    The current structure of your websites (table-based layout) will make it difficult to achieve.

    Try removing the existing footer from this table and adding a DIV right before the </body> tag. Put your footer inside this DIV and set style="background-image:URL-of-your-background-image.gif" to this DIV.
    {{ DiscussionBoard.errors[794408].message }}
    • Profile picture of the author lrjd
      Got it figured out. Thanks
      for everyones help.
      Signature

      {{ DiscussionBoard.errors[798048].message }}

Trending Topics