|
|
Posted by Neredbojias on 10/09/07 11:43
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.
--
Neredbojias
Contrary to popular belief, it is believable.
Navigation:
[Reply to this message]
|