ngreenwood6 Posted September 10, 2008 Share Posted September 10, 2008 I have the following code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div style="border:1px solid #000000; height:400px; width:200px;"> This is the login box <br /> This is where the login form will go! This text is the text I want at the bottom of the div so that it is right above the bottom border. </body> </html> However, I cannot seem to figure out how to align the text to the bottom of the page. I just want that one line right at the bottom of the div so that it is right above the bottom border. If anyone can help that would be greatly appreciated. Have been trying to figure this out for awhile. Thanks in advance Quote Link to comment Share on other sites More sharing options...
obsidian Posted September 10, 2008 Share Posted September 10, 2008 Parent div needs relative positioning while the text at the bottom needs absolute: HTML: <div id="content"> <div id="bottom-align"> Here is my bottom-aligned text </div> </div> CSS: #content { position: relative; border: 1px solid #000000; height: 300px; } #bottom-align { position: absolute; bottom: 0; } Quote Link to comment Share on other sites More sharing options...
ngreenwood6 Posted September 10, 2008 Author Share Posted September 10, 2008 That worked for the most part but there is one problem. I have a div that contains the whole page. Then inside of that div there are other divs. I have a div on the left that I want this place in the bottom. The problem is when I do what you say it places it on the bottom of the page instead of that specific div. Any ideas as to why? Quote Link to comment Share on other sites More sharing options...
haku Posted September 10, 2008 Share Posted September 10, 2008 Whichever element (div etc) you want the text to be stuck to the bottom of, set it's position to relative. Quote Link to comment Share on other sites More sharing options...
ngreenwood6 Posted September 10, 2008 Author Share Posted September 10, 2008 I tried doing that but it goes to the last part of the text. It does not put it right above the bottom border. Quote Link to comment Share on other sites More sharing options...
haku Posted September 11, 2008 Share Posted September 11, 2008 Link. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.