|
|
Posted by Cerebral Believer on 03/25/06 19:58
Hi all,
I would like to know how to get two rows of text links to appear at the
bottom of a page. Generally I have been using <div> tags with the id
attribute and CSS to place blocks of text, tables and images where I want
them to be, but this has got me a little stuck. My HTML code is:
<div id="footer" class="footer">
Home | About | Essays | Discussions | Member Area | Links & Resources |
Contact<p>
Text Only | Alternative Versions | Accessibility | Site Map | Help</div>
My CSS code is:
div#footer {
position : absolute;
left : 132.00pt;
bottom : 0pt;
width : 465.00pt;
align : center;
z-index : 2;
}
Problem is, that the text (lets call it the footer) I am controlling appears
over the top of some other text (actually text in a table) rather than right
at the bottom of the page vertically beneath the table. Also if I resize my
browser window, the "footer" also moves in relation to the bottom of the
browser window rather than staying in a fixed position at the bottom of my
page. The two rows of text I am trying to place at the bottom of my page
even occur as the last two lines of code in my HTML right before the </body>
and </html> tags. So what am I doing wrong here?
Regards,
C.B.
Navigation:
[Reply to this message]
|