Trying to make site vertically expandable

  • (2 Pages)
  • +
  • 1
  • 2

17 Replies - 4690 Views - Last Post: 02 July 2009 - 03:41 PM

#16 Quin   User is offline

  • D.I.C Regular
  • member icon

Reputation: 22
  • View blog
  • Posts: 459
  • Joined: 16-October 08

Re: Trying to make site vertically expandable

Posted 02 July 2009 - 01:27 PM

The area that has the repeating background image, add...
background-repeat: no-repeat;


Should do it.

You can make it repeat vertically or horizontally by using repeat-y or repeat-x, respectively.
Was This Post Helpful? 0
  • +
  • -

#17 Omelas0469   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 34
  • Joined: 27-June 09

Re: Trying to make site vertically expandable

Posted 02 July 2009 - 03:02 PM

If I set it to no-repeat, the image appears once in the div and the rest of the div beneath the image is whitespace. What I'm trying to do is have the background image vertically stretched so that it covers the div without repeating itself.

This post has been edited by Omelas0469: 02 July 2009 - 03:02 PM

Was This Post Helpful? 0
  • +
  • -

#18 neit   User is offline

  • D.I.C Head

Reputation: 15
  • View blog
  • Posts: 187
  • Joined: 13-February 09

Re: Trying to make site vertically expandable

Posted 02 July 2009 - 03:41 PM

The sample I made consists of 3 images.
1) The header which includes the menu and the top of the sidebar
2) The main bg image is a small strip of the site from the left border
to the right about 10px in height.

3) The footer includes the a small part at the bottom of the sidebar.

If you use firefox you should be able to right click on each section and select
view background image. This will show you the 3 images.
The actual main content and side bar background covers the whole site but because the header and footer images are over the top you do not
see and it appears seamless.

Everytime you run into a new problem it would be best to include a like so we can see what's happening.

This post has been edited by neit: 02 July 2009 - 03:42 PM

Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2