|
|
Posted by Cerebral Believer on 11/23/25 11:43
"Neredbojias" <invalid@neredbojias.com> wrote in message
news:MPG.1e900e9e9267f778989865@news.isp.com...
> With neither quill nor qualm, Cerebral Believer quothed:
>
>>
>> "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".
>
> Yes, that is true with absolute or fixed positioning. However, I've
> never seen a page where _everything_ in it was so positioned.
>
>> 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.
>
> You may want to rethink that strategy and, especially, make your page
> more fluid or you'll probably run into more problems akin to the footer
> one.
>
> And as for the footer prob, perhaps you can put the footer container
> inside the last/lowest of your other containers (which you said are all
> positioned) and position it below the final other content.
Thanks, I'll look into those options that you have outlined. I also am
using tables to structure my main body of text for each page. I may just
end up sticking the footer in the bottom row of the table, or is that a dumb
newbie thing to do? The couse I am studying suggests that it is not a good
idea to use tables to structure whole web pages, I wonder if that applies to
text blocks as an "element" of a web page?
Regards,
C.B.
Navigation:
[Reply to this message]
|