Forcing nested Div to the bottom

Forum Moderators: not2easy

Message Too Old, No Replies

Forcing nested Div to the bottom

Simple question

Jabzebedwa

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

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,
Jabzebedwa

MWpro

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

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

Jabzebedwa

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

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

<head>
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;
}
</head>
<body>
<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>
</DIV>
</TD>
</body>

SuzyUK

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

Jabzebedwa...

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

Suzy

Jabzebedwa

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

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.

Thanks