November 25, 200817 yr Hi, can someone help me with my coding? I need copyright text to sit on the bottom of the page, ive put the following in my css: #copy { position: absolute; left: 10px; bottom: 10px; } This is the only thing I've been able to find, but it actually doesn't sit on the bottom of the page (or 10px from bottom of page) and changing the values of px away from the edge doesn;t help either. Has anyone got any other ideas? I just want to put a copyright notice at the bottom of the website. Thanks!
November 25, 200817 yr Hey this is a sample page you can use to learn from. instead of absolute positioning, try this method. This is more common and a little easier! Let me know if you need anymore help! -John <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css" media="screen"> body { background-color: #1d1d1d; color: #CCC;} #wrapper { margin: 0 auto; width: 600px} #header {} #content {} #footer {} #copyright { border: 1px solid #FF0000; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; text-align: center; color: #999;} </style> </head> <body> <div id="wrapper"> <div id="header"><h1> Main Content </h1></div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p></div> <div id="footer"><p>Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. </p></div> <div id="copyright">2008 ©.<a href="http://www.saldanawebdesigns.com">Saldana Web Designs</a> All Rights Reserved.</div> </div> </body> </html>
November 25, 200817 yr Author Hey this is a sample page you can use to learn from. instead of absolute positioning, try this method. This is more common and a little easier! Let me know if you need anymore help! -John <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css" media="screen"> body { background-color: #1d1d1d; color: #CCC;} #wrapper { margin: 0 auto; width: 600px} #header {} #content {} #footer {} #copyright { border: 1px solid #FF0000; font-size:12px; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; text-align: center; color: #999;} </style> </head> <body> <div id="wrapper"> <div id="header"><h1> Main Content </h1></div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p></div> <div id="footer"><p>Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. </p></div> <div id="copyright">2008 ©.<a href="http://www.saldanawebdesigns.com">Saldana Web Designs</a> All Rights Reserved.</div> </div> </body> </html> So is this just a footer div id?
November 25, 200817 yr is it possible to see the page uploaded anywher? or even your code and how your implementing "#copy" into the html code
Create an account or sign in to comment