|
|
Posted by Cerebral Believer on 11/23/88 11:43
"Neredbojias" <invalid@neredbojias.com> wrote in message
news:MPG.1e8f48c59b2a484598985f@news.isp.com...
> 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.
Hi,
I tried the idea of not positioning it, and removed the <div> tags, this
made the footer shoot to the top of the page. Forgive my ignorance, I could
be way off base here, I am a learner, but if I remember what I read on the
w3org site correctly, if everything else is on a page is positioned using
<div> & stylesheets, and I have one item on the page which is not positioned
using the same methond, even though that item appears last in the HTML code,
will that item appear by default at the top of the page because the other
items are removed from the "document flow".
It really is my intention to control everything by <div> & CSS so that I can
adjust elements site-wide through simple changes in the relevant
stylesheets, rather than having to modify each page individually.
Regards,
C.B.
Navigation:
[Reply to this message]
|