Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 379
  • Last Modified:

Place div at base of content but background image to extend to base of window

I have a div called footer with a background image.

But I need this footer to be at the end of the page, after all of the content, but the background image needs to extend to the bottom of the page(repeat vertically and horizontally.

so far i have

<div id="wrapper">content</div>
<div id="footer">Footer</div>
#footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	width:100%;
	clear:both;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/footer_backing.gif);
	background-repeat: repeat-x;
	background-position: center top;
	overflow: visible;
}

Open in new window

0
Cheryl Lander
Asked:
Cheryl Lander
  • 4
  • 2
  • 2
1 Solution
 
hieloCommented:
>>repeat vertically and horizontally
repeat: both;
0
 
Cheryl LanderAuthor Commented:
but I don't want the images tiled vertically.

I need a background color.
0
 
hieloCommented:
>>but I don't want the images tiled vertically
That contradicting "repeat vertically and horizontally"
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
Cheryl LanderAuthor Commented:
Sorry getting confused.

ive got a tiled strip image which is 100px high.
This is currently tiled horizontally across the page.
This div is directly under the last piece of content.

So I need to have a background color to fill the rest of the screen vertically right to the bottom of the page.

does this make sense.



0
 
Mark StegglesWeb DeveloperCommented:
you can specify background-color aswell as image in one statement:

background: #369 url() repeat-x center top
0
 
Cheryl LanderAuthor Commented:
Yes I know.

but if there is no height specified for the div, how do I make it have the background color right to the end of the page.
0
 
Mark StegglesWeb DeveloperCommented:
Can you post a link to the page? Or can you post all the html and css
0
 
Cheryl LanderAuthor Commented:
another div was affecting it.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 4
  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now