Richard
Have a look at the changes made below, they get you close to where you are going:
body {
margin-top: 5px;
padding: 0;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #ddd;
}#container {
width: 700px;
margin: auto;
background-color: #FFF;
background-image: url(images/menubkgd.jpg);
background-repeat: repeat-y;
border: 5px double #333;
}#banner {
background-color: #e0ffff;
float:right;
width:540px;
}#banner h1 {
margin: 0;
padding: .5em;
}#nav {
float: left;
width: 160px;
margin-left: 10px;
padding-top: 1em;
}#nav p {
margin-top: 0;
}#content {
padding-top: 1em;
margin: 0 10px 0 10px;
float:right;
width:520px;
}#footer {
clear: both;
background-color: #cfcfc2;
padding: 1em;
text-align: right;
}Richard Brown wrote:
Hi
I am having trouble putting a site together. I am trying to learn a new technique but I don't think I am fully understanding it!
I have a simple two-column site. Left, is the nav which I want to run the whole left hand side of the site and stop at the footer. The right hand side, I want to contain, the header, content 1 and content 2 and then stop at the footer. I have completed a draft at:
<http://www.lamaison.org.uk/index2.html> with the css at <http://www.lamaison.org.uk/pages.css>
I cannot seem to get the header to only extend to the left column and not spill into it! Any ideas please?
Thanks
Rich
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
-- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers emotionalize.conceptualize.visualize.realize Landlines Tel: +27125468436 Fax: +27125468436 Web email:[EMAIL PROTECTED] Global: www.volume4.com Messenger Yahoo!: v_olume4 AOL: v0lume4 MSN: [EMAIL PROTECTED]
We support OpenSource Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or confidential and may not be forwarded or disclosed to any other party without the permission of the sender. If you received this message in error, please notify me immediately so that I can correct and delete the original email. Thank you.
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
