watermac77 - 6:51 pm on Jan 29, 2008 (gmt 0)

I am having trouble applying or updating a Dreamweaver template (v.8) using CSS. I have a 3 column layout and when I apply or update the template (after overwriting the old template file) the middle and right columns stack instead of appearing side-by-side like they are supposed to. If I create a new page based off of this template everything is where it is supposed to be. The old templates are table based, but I don't think that would effect anything. All of the editable fields are also named the same as the old template so all of the info transfers OK but the positioning of the DIVs are not right. The left column seems to stay where it is supposed to but the "contentA-wide" and "contentB-narrow" columns stack. See the CSS below. Please let me know if you need to see the HTML. Thanks in advance!

/* This is the menu area - left column */
#leftcolumn {
width:250px;
position: relative;
left: 0;
top: 0px;
float: left;
}

/* This is the main text area - middle column */
#contentA-wide {
margin: 15px 0px 0px;
width: 360px;
float: left;
}

/* This is the right column */
#contentB-narrow {
width: 180px;
margin-top: 15px;
padding-left: 20px;
border-left-style: dotted;
border-left-width: 1px;
border-left-color: #CCC;
float: right;
}