I want to put text for a copyright notice into the bottom right corner
of my page. When I say "bottom right," I mean that it will float there
regardless of how the browser window is resized.
I _think_ that what I have so far works well for this positioning
purpose:
<p class="copyright">All materials on this website © Copyright
2005</p>
Where the CSS is:
..copyright
{
position: absolute;
bottom: 1em;
right: 1em;
text-align: right;
}
However, if the browser window is reduced substantially in size, then
this text inevitably comes up and overlaps with the page contents.
I'd prefer not to get the overlapping phenomenon, but I don't know if
what I'm striving for is impossible since I'm sure that what I've run
into is how it's supposed to work unless otherwise specified. Is there
a better way to accomplish this?
-M