footer color to strech width of screen? [Archive]

jarv

11-11-2009, 11:14 AM

on my website: http://magento.slicedcreative.co.uk/index.html
I would like to stretch the footer the width of my screen

html
<html>
<head>
<title>page title</title>
<link rel="stylesheet" type="text/css" href="css/reset-style.css" />
<link rel="stylesheet" type="text/css" href="css/sitestyle.css" />
</head>
<body>
<div id="doc">
<div id="hd">
<div class="logoholder"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Take the test</a></li>
<li><a href="#">contractor law</a></li>
<li><a href="#">Passport checker</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<span>Risk awareness in the work place</span>
</div>
<div id="bd">
<div class="yui-g">
<div id="leftcolumn" class="yui-u first">
left
</div>
<div class="yui-u" id="rightcol">
Right
</div>
</div>
</div>
<div id="ft">footer</div>
</body>
</html>

css

#ft {
background-color: gray;
background-repeat: repeat-x;
}