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 Link to comment https://forums.phpfreaks.com/topic/123645-alignment/ 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; } Link to comment https://forums.phpfreaks.com/topic/123645-alignment/#findComment-638513 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? Link to comment https://forums.phpfreaks.com/topic/123645-alignment/#findComment-638572 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. Link to comment https://forums.phpfreaks.com/topic/123645-alignment/#findComment-638729 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. Link to comment https://forums.phpfreaks.com/topic/123645-alignment/#findComment-638734 Share on other sites More sharing options...
haku Posted September 11, 2008 Share Posted September 11, 2008 Link. Link to comment https://forums.phpfreaks.com/topic/123645-alignment/#findComment-638777 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.