[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

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

Align div to bottom immediately after other divs

Hey Experts!!
I have a page (URL above) in which I want to put a footer IMMEDIATELY following the content div.  Basically where the #footer div is placed directly below the #content div

How can I do this so that my background image shows in all browsers?????

Relevant CSS below  
#content {
	position:absolute;
	width:800px;
	height:auto;
	z-index:auto;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	left: 25%;
	top: 207px;
	right: 25%;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(../images/bottom_round.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
 
#footer    {
	position: absolute;
	bottom: 1%;
	width: 815px;
	clear: both;
	left: 25%;
	right: 25%;
	height: 26px;
	background-attachment: fixed;
	background-image: url(../images/bottom_round.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
    }

Open in new window

0
LZ1
Asked:
LZ1
1 Solution
 
OnthraxCommented:
Replace your footer part with this:

    <div id="footer">
      <div align="center">
        <p>&copy; 2008 MadCups</p>
      </div>
      <div style="position: absolute; margin-left:-6px;"><img src="../images/bottom_round.jpg" width="815" height="33" /></div>
    </div>

0
 
LZ1Author Commented:
Worked great!  Thanks!!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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