Its been a long while since i have been on here, it all looks so good still these days
I am having a problem with a CSS layout of mine...I hope someone can shed some ligh on it for me.
I have a footer that won't align to the centre of the page. It is wrapped in a container that is 100% of the page. no tect alignment at all.
The body is Text-aligned: center so it should inherit the alignment from that. Can someone please help me out, its driving me nuts!
The CSS code is below:
html,body{margin:0;padding:0} body{font: 76% arial,sans-serif;text-align:center; background-image:url(../site_images/page_bg.gif); background-repeat:repeat-x} p{margin:0 10px 10px} a{display:block;color: #981793;padding:10px} div#header{width:779px; height:156px; margin:0; background-color:#0066FF;} div#container{text-align:left} div#content p{line-height:1.4} div#container{width:779px;margin:0 auto} div#content{float:left; width:628px; height: 600px; background-color:#FFFFFF;} div#sidelinks{float:left; width:151px; height: 600px; background-color:#003366;} div#footercontainer{clear:both; text-align:center; background-image:url(../site_images/footer_bg.jpg); width:100%; height:143px;} div#footer{clear:both; background-color:#00FFFF; width:779px; height:143px;} div#footer p{margin:0;padding:5px 10px}