Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Forcing nested Div to the bottom

Simple question



6:10 pm on May 25, 2003 (gmt 0)

10+ Year Member

I have one parent <div> with 3 nested <div>s inside of it. The last of the 3 is the footer that contains the copyright blah blah. How can I force that copyright div to the bottom?
Many thanks,


10:59 pm on May 25, 2003 (gmt 0)

10+ Year Member

Try clear: both; in the footer. If that doesn't work then post a snippet of your code.


2:46 pm on May 26, 2003 (gmt 0)

10+ Year Member

I have not been able to budge the "copyright" container down one pixel, so I don't have much to post. I have just grabbed one of my attempts, including the suggestion to "clear:both". So, for the sake of posting something to shoot at...

div#content {
background-image : url(../images/gb/GB-1.jpg);
background-position: bottom right;
background-repeat: no-repeat;
color: #FBFCCD;
font: 13px Verdana, sans-serif;
padding: 10px;
margin-left : 10px;
height: 100%;
div#copyright {
position: relative;
clear: both;
<TD align="left">
<DIV id="content">
<DIV><IMG src="images/LogoBlack.gif" width="700" height="146"></DIV>
<DIV>Blah blah</DIV>
<DIV id="copyright">Force this Div to the bottom of the "content" container.</DIV>


3:42 pm on May 26, 2003 (gmt 0)

WebmasterWorld Senior Member suzyuk is a WebmasterWorld Top Contributor of All Time 10+ Year Member


I was searching for this thread [webmasterworld.com] earlier as I thought it might help...

now I see your code is a table cell, it still might, but it's not tested for that..



9:21 pm on May 26, 2003 (gmt 0)

10+ Year Member

Sorry bout that. There are two very good posts on this exact topic. The one above mentioned in SuzyUK's post, and this one [webmasterworld.com...] that is contained in that post.

BTW, I switched over to tables trying to get the footer right. I am going to go back now to pure css with the info from those posts.



Featured Threads

Hot Threads This Week

Hot Threads This Month