I just started learning CSS2 (i already got CSS1 down) and I have come across a few problems:
In my site, I have a navigation column that is aligned to the left using postion: absolute. The rest of my page is fine in the layout (used the margin to stop text going over the navigation bar) but I have a problem with my footer.
It is a small big of text and a small logo. What I am having trouble with is positioning it using the postion attribute.
When I set the following:
Code:
left: 50%; top: 100%;
If the page is resized (something very thin and tall) the footer stays exactly one page width from the top, and the other text flows over it.
Is there a way I can make sure the footer is always at the bottom of the page?
Here is the code I have at the moment for the footer:
Code:
<div id="lrlogo"><p>Copyright © 2004 LAN Revolutionaries<br />
<a href="main.htm" title="Enter LANRevolutionary.net"><img src="images/logo.gif" border="0" alt="LAN Revolutionaries" width="68" height="16" /></a>
</p>
</div>
At the moment I have just placed the footer at the end of the document but on short pages (where there is not a page full of text, I would like the footer at the bottom of the page, without using <br /> tags which would not be dynamic.
Any help would be greatly appreciated