CSS Sculptor Template Issue

Hi,

I created a template using the 2 Column Fixed, Header and Fixed Footer Preset.. Removed the extra column as I only need one and set the footer to fixed full width. I am having a problem when adding an editable region to the content div, as soon as I do the content area jumps to the right.

When I use Site Sculptor to build the site all of the pages are centered except for the index page which as per the template is aligned to the right.

Thanks in advance
k

please post a link where i can see the problem.

Hi Jason,

http://concept1.studyit.org.uk/

Best Wishes,
k

in screen.css, the nav wrapper is set to use 100% width, and the content wrapper is set to use 832px width

#outerWrapper #bottomheadernav {
  background-color: #9E99BF;
  height: 30px;
  margin: 0px auto 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0px 13px 0px 13px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 100%;
}
#outerWrapper #contentWrapper {
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  overflow: hidden;
  padding-bottom: 23px;
  width: 832px;
}

you should use the same width for both containers, for IE compatibility, i suggest using 832px:

#outerWrapper #bottomheadernav {
  background-color: #9E99BF;
  height: 30px;
  margin: 0px auto 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0px 13px 0px 13px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 832px;
}
#outerWrapper #contentWrapper {
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  overflow: hidden;
  padding-bottom: 23px;
  width: 832px;
}

Thanks Jason, I was trying to bottomheadnav across the entire page and have the conent in the center. However think I should be able to use a 3 column layout to achieve the same effect.

Best Wishes,
K

the header div achieves that by not specifying a height at all, you can do the same in the #outerWrapper #bottomheadernav to force it to full width.

You did mean width not height? I'm no longer specifying the width for the #outerWrapper #bottomheadernav at it's now a full width and I've set the #outerWrapper #contentWrapper width back to 832px. However the original issue with the content aligning right has re-appeared. What I do not quite understand is why the issue only appears on the home page, the content pages is based on the same template and CSS and the content area is perfectly centered on these pages.

yes, sorry, I meant width, not height.

try adding:
<br id="clearFloat" />

before the content wrapper div.

Thanks Jason, I added it to the site sculpter template and updated all files and it worked like a charm. Just one question, when I try to make any any changes to the index.html file created by site sculpter and click save (instead of save as) why does the save as template dialog box appear instead of it just saving the file?

because the index file has 2 template editable regions in the code, but it is not attached to template.