After spending some time reading through these boards, I’ve been persuaded to take the unfamiliar route of using css, rather than tables, for my web page layouts.
I’m currently having 2 problems. Please see the following link:
[url]http://193.201.133.11/test/test.html
Firstly, I’m unable to centre the line of links currently located at the bottom of the page. I’ve tried setting margin-left:auto and margin-right:auto, but this results in the links starting in the centre of the page and continuing out to the right. If I remove the absolute positioning, they are centred as per the “align=center” attribute in the associated div element, but at the top of the page rather than the bottom.
Secondly, I need the page layouts to occupy the full vertical height of the web browser as a minimum, regardless of the quantity of written content. Vertical scrolling is ok if the written content exceeds the length of the browser window. To do this, I’ve set:
body {background-color:#fff;
height:100%;
font-family:”Arial”, “Helvitica”, “sans-serif”;
color:#000;
padding:0;
margin:0}
From reading previous posts, I realise that setting height:100% isn’t always recommended and I’ve found that if the written content does exceed the browser window length, the content is positioned beneath the links at the bottom of the page and the coloured borders on either side of the page also stop at the end of the browser window while the written content continues to scroll. I’ve considered setting the page height to be some arbitrary length, but surely there must be a better way of doing this?
Thanks for reading this far!! Any suggestions are very much appreciated.
Matt