CSS and Dreamweaver templates

[watermac77]

I posted a topic a while back related to Dreamweaver templates and CSS and thought that this is more CSS related, however may be more "WYSIWYG" also...

So anyway, I have a CSS designed HTML page that I want to use as a Dreamweaver template. I intend to replace a template currently being used and update the templates through DW with the new template. My page is simple with a left column for a menu, middle column for the main text and a right column for extra info.

My problem is when I apply the new template, the DIVs shift and become stacked instead of side by side. Following is the CSS info. Any help is appreciated! If you need to see the HTML let me know.

/* 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;
}

[SuzyUK]

it's a cross between forums and you may well get a better answer in the "WYSIWYG" forum

I don't use DW but one time (a couple of years back) I tried it to see if it would lessen my workload, I discovered it wasn't actually very good at handling the display of CSS + positioning (which your code implies) templates.

If this is still the case you're not see a true wysiwyg effect, whatever engine DW uses to render the pages is not compliant ;) but it doesn't mean the template's necessarily broken.

Is it working in all browsers you've tested in?