Align div to bottom immediately after other divs

Posted on 2008-10-07
Last Modified: 2012-05-05
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 {





	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

Question by:LZ1
LVL 13

Accepted Solution

Onthrax earned 500 total points
Comment Utility
Replace your footer part with this:

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

LVL 30

Author Closing Comment

Comment Utility
Worked great!  Thanks!!

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now