HTML help required...

dogthomson

Junior Member
HTML help needed!

I'm building a wee site for our Sunday League football team, though I learned HTML pre-CSS, so I'm struggling a little to get the home page to look as I'd like.

Basically I can't get the left and content divs to stretch right the way to the bottom of the page. Here's what I mean...

helph.jpg


HTML...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>Chapeltown Royal British Legion F.C. - Members of the Blades Super Draw Sunday Sports League</title><link rel="stylesheet" type="text/css" href="mystyle.css" /></head><body><div class="left"><img src="RBLlogo.jpg" alt="Royal British Legion logo" /><ul><li><a href="index2.htm">Home</a></li><li><a href="fixtures.htm">Fixtures</a></li><li><a href="results.htm">Results</a></li><li><a href="table.htm">Table</a></li><li><a href="squad.htm">Squad</a></li><li><a href="about.htm">About</a></li></ul></div><div class="content"><h1>Chapeltown Royal British Legion F.C.</h1><p>Blah blah blah...</p><p>Lots of lovely words!</p></div></body></html>
CSS...
Code:
body{font-family:"Arial", sans serif; background-color:#0b1f5c;margin:0;padding:0;}div.left{float:left;width:200px;margin:0;padding:0;}div.content{background-color:#ffffff;margin-left:200px;width:800px;padding:5px;}ul{list-style-type:none;margin:0;padding:0;}a:link,a:visited{display:block;font-weight:bold;font-size:14pt;color:#0b1f5c;background-color:#ffffff;width:200px;text-align:center;padding:4px 0px;text-decoration:none;}a:hover,a:active{background-color:#d4a902;}
Can anyone help? Sorry if this is a really easy question! Also, is there a more refined way to center the site using CSS rather than whacking center tags round everything?
 
You need some structure there dude CSS box model is he best thing to look at from where you are starting.... You need to add something to wrap around the whole lot.

Harry's link is good above, check out CSS Box Model also
 
Back
Top