|
|
Posted by Neredbojias on 03/25/06 21:32
With neither quill nor qualm, Cerebral Believer quothed:
> 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?
It sounds like you want the "footer" _either_ at the bottom of the page
or at the bottom of the viewport, whichever is "lower". If you simply
want it at the bottom of the page, don't position it.
--
Neredbojias
Contrary to popular belief, it is believable.
Navigation:
[Reply to this message]
|