Hello,
Im a newbee when it comes to drupal theming,

Im starting with the Zen theme as it was recomended to me.

Can someone please explain to me how I can stretch the header and footer to 100% and leave the rest of the content centered.

Thnx Mark

Comments

cathyF’s picture

cathyF commented

Hi!
I have the same problem with a zen theme that has already been configured by someone else.

The header is already stretched full width and what I need is to have a footer also full width that displays below sidebars.

I tried to put the footer in a div and separate it from the rest of the content in the page.tpl.php but it didn't change anything.
Then I don't know what to put in the CSS file.

I'm no programmer and would appreciate some help.
Thanks
Cathy

chris_car’s picture

chris_car commented

I would need the same, having a header and footer stretched to 100%. I am using a fixed layout with zen 6.x-1.1

Thanks, any help is very appreciated !

Chris

akalata’s picture

akalata commented
Status: Active » Fixed

Edit your layout.css file as follows:

line 25 of layout-fixed.css, change the width of #page to be 100%

  #page,
  #closure-blocks
  {
    /*margin-left: auto;
    margin-right: auto;
    width: 960px;*/
    width: 100%
  }

line 120 of layout-fixed.css, set the width of #main to be fixed, and center it by using margin: 0 auto

#main {
    margin-left: auto;
    margin-right: auto;
    width: 960px; /*or whatever width you want the content section to be */
}

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

pl050’s picture

pl050 commented
Component: CSS/HTML Markup » layout.css

It might be useful to add a line defining the min-width of the page to handle small browser window environments:

  #page,
  #closure-blocks
  {
    /*margin-left: auto;
    margin-right: auto;
    width: 960px;*/
    width: 100%;
    min-width: 960px
  }