content borders

I use CSS Sculptor 1.1.5 I think... version 1 with latest updates, but not vs 2.

CSS Sculptor 1.1.5
DW CS3

I have ?s about creating a layout w/ borders that surround just the content area above the footer, and below the menu. I have, say, 2 columns plus header and nav area and I could add a border to the whole body of the document and it will surround the header all the way down plus the footer's outer borders (not the interior borders there).

But often times I just want to set apart the content area, e.g. if the page's bg color is white and the content area is also white I can delineate with a body border, but I don't want a border around the entire structure. But borders around content columns that don't run down to the footer don't give me a full border either.

Also one column is always shorter, and I'm looking for an easy way to establish a faux column to make each column appear to run down to the footer.

Reading the features of version 2 it appears these are things addressed:
Add new div tags anywhere – NEW
Automatically create equal length columns – NEW

Thus apparently I can't do this in version 1. Is that right? And the new dive feature provides a way to add content boxes etc. and style them, from the onset?

Also what is the step I should take to make sure the CSS gets stored in a separate file?

in regard to your first question, i think you will need to set the border on the contentWrapper div, this will not add a border around your footer. this should be listed in your tree structure.

in regard to creating the faux column and adding a new div, those are features that are only available in Sculptor v2.


To store your css in separate files, make sure to always select the Output tab and specify the css files where you want to css to be placed.

I have thought that should be right myself many times. If I select the contentwrapper div from within a page and in DW seek to modify it it'll add the following code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
border-top-width: 1;
border-right-width: 1;
border-bottom-width: 1;
border-left-width: 1;
border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FF0000;
}

and this adds no border to anything btw.

In the css file there really is no contentwrapper div. There's #outerWrapper #contentWrapper #leftColumn1

and #outerWrapper #contentWrapper #content

so... while writing this I figured it out. I added the following code to the css file and it solved it
#outerWrapper #contentWrapper {
border: 1px ridge #999999;
}

so I guess #contentWrapper's something you could access when first creating the structure, but if you don't, then you'll have to add that code later to the css file?

So I took a peek at the manual for version 2 and there was a section on rounded corners. Is that part of the "adding a new div" feature, that you can add one w/ rounded corner images? Or what's the big deal about adding a new div? The ability to do it from within the structure creator tool (whatever you call it)?

I'm glad you were able to add the class to add the border to your contentWrapper. But for future reference, you should be able to select the ContentWrapper div in the layout structure and add the border.


In regard to your second question. Sculptor V2 includes different rounder corner layouts which you can use as a starting point to create custom rounded corner layouts.
In addition, you should be able to add divs within the extension which will allow you create more advanced layouts and gives you the ability to be closer to the finished design, instead of customizing the page after it is created.

I have the same two issues with CSS Sculptor, but I have the 2.0 version. What do I do to get rid of the border around the content box. I set the function for equal columns but fragments of the underlying border around the content keep showing up. A simple fix would be to make the border white - but I cannot find any border listed in the coding where I can do that for the content box.

I also need to use this as an external style sheet. Before I tackle that, I remember that being a nightmare the last time I tried it in 1.0. Is there something I can do in 2.0 to make that happen?

Thanks -

Bonnie B

To get rid of the border around the content area, you will need to set the border of the left and right column to none.

For example if you select the 3columnfixed layout, then on the Design Tab you would select the leftColumn1 and set the right border to none and then select the rightColumn1 and set the left border to none.


In order to use an external style sheet, on the Output tab, you can specify the style sheet.