Basic full width header guidance

Hey Lucas, shortly, in a few days, I am going to cut a new release (RC1) and this will include a sample page.tpl.php file especially for 100% width header and footer. I have just built a commercial theme for D7 that has these features so I just need to backport a few things to the core theme. To use it all you will do is replace the normal page.tpl.php with the sample.

I would love to release a stable version and I could, but, I need to wait for Skinr module for Drupal 7 to stabalize its code, right now I don't know when that will be, I very much hope within a month or so, however the AT is very usable right now and is not going to change much bar the Skinr stuff.

You're getting errors most likely because AT for Drupal 7 can support this feature without the extra steps required in Drupal 6 version.

This code is from one of our D7 commercial themes, you will see it has gpanels embedded and I have moved some variables around, however you will see the new wrappers and use of the .container class - to use this just replace your page.tpl.php file in your subtheme and AT will do the rest to make it work (no extra steps required), of course you will need some CSS to make it lovely.

<div id="page-wrapper"><div id="page">

  <div id="top-wrapper" class="clearfix">
    <?php if($page['leaderboard']): ?>
      <div class="clearfix container"><?php print render($page['leaderboard']); ?></div>
    <?php endif; ?>
    <?php if($page['menu_top']): ?>
      <div class="clearfix container"><?php print render($page['menu_top']); ?></div>
    <?php endif; ?>
  </div>

  <div id="header-wrapper">
    <header class="clearfix container">

      <div id="branding">
        <?php if ($linked_site_logo): ?>
          <div id="logo"><?php print $linked_site_logo; ?></div>
        <?php endif; ?>
        <?php if ($site_name || $site_slogan): ?>
          <hgroup<?php if (!$site_slogan && $hide_site_name): ?> class="<?php print $visibility; ?>"<?php endif; ?>>
            <?php if ($site_name): ?>
              <h1 id="site-name"<?php if ($hide_site_name): ?> class="<?php print $visibility; ?>"<?php endif; ?>><?php print $site_name; ?></h1>
            <?php endif; ?>
            <?php if ($site_slogan): ?>
              <h2 id="site-slogan"><?php print $site_slogan; ?></h2>
            <?php endif; ?>
          </hgroup>
        <?php endif; ?>
      </div>

      <?php print render($page['header']); ?>

      <?php if ($secondary_navigation): print $secondary_navigation; endif; ?>

    </header>
  </div>

  <div id="nav-wrapper"><div class="container">
    <?php print render($page['menu_bar']); ?>
    <?php if ($primary_navigation): print $primary_navigation; endif; ?>
  </div></div>

  <div id="content-wrapper"><div class="container">

    <?php print render($page['secondary_content']); ?>
    <?php print $messages; ?>
    <?php print render($page['help']); ?>

    <?php if ($breadcrumb): ?>
      <section id="breadcrumb"><?php print $breadcrumb; ?></section>
    <?php endif; ?>

    <!-- Three column 3x33 Gpanel -->
    <?php if ($page['three_33_first'] || $page['three_33_second'] || $page['three_33_third']): ?>
      <div class="three-3x33 gpanel clearfix">
        <?php print render($page['three_33_first']); ?>
        <?php print render($page['three_33_second']); ?>
        <?php print render($page['three_33_third']); ?>
      </div>
    <?php endif; ?>

    <div id="columns"><div class="columns-inner clearfix">
      <div id="content-column"><div class="content-inner">

        <?php print render($page['highlighted']); ?>

        <?php $tag = $title ? 'section' : 'div'; ?>
        <<?php print $tag; ?> id="main-content">

          <?php if ($title || $primary_local_tasks || $secondary_local_tasks || $action_links): ?>
            <header>
              <?php print render($title_prefix); ?>
              <?php if ($title): ?>
                <h1 id="page-title"><?php print $title; ?></h1>
              <?php endif; ?>
              <?php print render($title_suffix); ?>

              <?php if ($primary_local_tasks || $secondary_local_tasks || $action_links): ?>
                <div id="tasks">
                  <?php if ($primary_local_tasks): ?>
                    <ul class="tabs primary"><?php print render($primary_local_tasks); ?></ul>
                  <?php endif; ?>
                  <?php if ($secondary_local_tasks): ?>
                    <ul class="tabs secondary"><?php print render($secondary_local_tasks); ?></ul>
                  <?php endif; ?>
                  <?php if ($action_links): ?>
                    <ul class="action-links"><?php print render($action_links); ?></ul>
                 <?php endif; ?>
                </div>
              <?php endif; ?>
            </header>
          <?php endif; ?>

          <!-- Two column 2x50 Gpanel -->
          <?php if ($page['two_50_first'] || $page['two_50_second']): ?>
            <div class="two-50 gpanel clearfix">
              <?php print render($page['two_50_first']); ?>
              <?php print render($page['two_50_second']); ?>
            </div>
          <?php endif; ?>

          <div id="content"><?php print render($page['content']); ?></div>

         <?php print $feed_icons; ?>

        </<?php print $tag; ?>>

        <?php print render($page['content_aside']); ?>

      </div></div>

      <?php print render($page['sidebar_first']); ?>
      <?php print render($page['sidebar_second']); ?>

    </div></div>

    <!-- Four column Gpanel -->
    <?php if ($page['four_first'] || $page['four_second'] || $page['four_third'] || $page['four_fourth']): ?>
      <div class="four-4x25 gpanel clearfix">
        <?php print render($page['four_first']); ?>
        <?php print render($page['four_second']); ?>
        <?php print render($page['four_third']); ?>
        <?php print render($page['four_fourth']); ?>
      </div>
    <?php endif; ?>

    <?php print render($page['tertiary_content']); ?>

  </div></div> <!-- container wrappers  -->

  <?php if ($page['footer']): ?>
    <div id="footer-wrapper">
      <footer class="container"><?php print render($page['footer']); ?></footer>
    </div>
  <?php endif; ?>

</div></div>

The theme now includes a page template with full width header and footer wrapper for you to use, instructions are at:

http://adaptivethemes.com/documentation/templates