Solved

Align div to bottom immediately after other divs

Posted on 2008-10-07
2
891 Views
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 {
	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
Comment
Question by:LZ1
2 Comments
 
LVL 13

Accepted Solution

by:
Onthrax earned 500 total points
ID: 22666987
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
 
LVL 30

Author Closing Comment

by:LZ1
ID: 31504088
Worked great!  Thanks!!
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from 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.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Java script read and write file - save as location 8 42
Botom of page is wrong color 5 10
Location of Buttons 4 14
Box Locations 6 16
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
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…

786 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