title: WordPress - Missing SideBar and Footer
body: <p>Excuse my ignorance, I am very new to the web scene. I am missing a sidebar and footer on my custom theme. I was able to get the background images to appear for the header and content, but not for the footer and sidebar. I have followed several tutorials, researched to both ends of the internet and cannot figure out what I am doing wrong.</p>
  
  <p>I am attempting to create a layout that consists of a header, content and right sidebar. I really don't want anything in my side bar from WordPress. I am going to put the site navigation and login there, but I would like the background to show up! I will post the basic code below and give the link to my site <a href="http://www.itssimplydesign.com" rel="nofollow">here</a>. Thanks in advance! </p>
  
  <p><strong>index.php</strong></p>
  
  <p></p>
  
  <pre><code>    &lt;div id="container"&gt;
          &lt;div id="content" role="main"&gt;
  
          &lt;?php
          /* Run the loop to output the posts.
           * If you want to overload this in a child theme then include a file
           * called loop-index.php and that will be used instead.
           */
           get_template_part( 'loop', 'index' );
          ?&gt;
          &lt;/div&gt;&lt;!-- #content --&gt;
      &lt;/div&gt;&lt;!-- #container --&gt;
  
  &lt;?php get_sidebar(); ?&gt;
  &lt;?php get_footer(); ?&gt;
  </code></pre>
  
  <p><strong>header.php</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html &lt;?php language_attributes(); ?&gt;&gt;
  &lt;head&gt;
  &lt;meta charset="&lt;?php bloginfo( 'charset' ); ?&gt;" /&gt;
  &lt;title&gt;&lt;?php
  /*
   * Print the &lt;title&gt; tag based on what is being viewed.
   */
  global $page, $paged;
  
  wp_title( '|', true, 'right' );
  
  // Add the blog name.
  bloginfo( 'name' );
  
  // Add the blog description for the home/front page.
  $site_description = get_bloginfo( 'description', 'display' );
  if ( $site_description &amp;&amp; ( is_home() || is_front_page() ) )
      echo " | $site_description";
  
  // Add a page number if necessary:
  if ( $paged &gt;= 2 || $page &gt;= 2 )
      echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
  
  ?&gt;&lt;/title&gt;
  &lt;link rel="profile" href="http://gmpg.org/xfn/11" /&gt;
  &lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php bloginfo('stylesheet_url');?&gt;" /&gt;
  &lt;link rel="pingback" href="&lt;?php bloginfo( 'pingback_url' ); ?&gt;" /&gt;
  &lt;?php
  
  if ( is_singular() &amp;&amp; get_option( 'thread_comments' ) )
      wp_enqueue_script( 'comment-reply' );
  
      wp_head();
  ?&gt;
  &lt;/head&gt;
  
  &lt;body &lt;?php body_class(); ?&gt;&gt;
  &lt;div id="wrapper" class="hfeed"&gt;
  &lt;div id="header"&gt;
      &lt;div id="masthead"&gt;
               .......
      &lt;/div&gt;&lt;!-- #masthead --&gt;
  &lt;/div&gt;&lt;!-- #header --&gt;
  
  &lt;div id="main"&gt;
  </code></pre>
  
  <p><strong>sidebar.php</strong></p>
  
  <pre><code>&lt;div id= "sidebar" class="widget-area" role="complementary"&gt;
  
  &lt;/div&gt;&lt;!-- #sidebar --&gt;
  </code></pre>
  
  <p><strong>footer.php</strong></p>
  
  <pre><code>&lt;/div&gt;&lt;!-- #main --&gt;
  
  &lt;div id="footer" role="contentinfo"&gt;
  
  &lt;/div&gt;&lt;!-- #footer --&gt;
  
  &lt;/div&gt;&lt;!-- #wrapper --&gt;
  
  &lt;?php wp_footer(); ?&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>style.css</strong></p>
  
  <pre><code>/*
  Theme Name: Mod Theme
  Theme URI: http://www.itssimplydesign.com/wordpress/wp-content/themes/mod_theme/
  Description: My First Theme
  Version: 1.0
  Author: Jason
  Author URl: http://www.itssimplydesign.com
  */
  
  /* =Layout
  -------------------------------------------------------------- */
  
  /*
  LAYOUT: Header, Content and Sidebar
  DESCRIPTION:
  */
  
  body {
  background-color: #e6e9Df;
  }
  
  #container {
  float: left;
  margin: 0 -240px 0 0;
  width: 100%;
  }
  
  #header {
  background: url(http://www.itssimplydesign.com/wordpress/wp-content/themes/mod_theme/images/background_main_01.png) no-repeat;
  width: 1000px;
  height: 332px;
  
  }
  
  #sidebar {
  background: url(http://www.itssimplydesign.com/wordpress/wp-content/themes/mod_theme/images/background_main_03.png) no-repeat;
  float: right;
  clear: right;
  overflow: hidden;
  width: 300px;
  }
  
  #content {
  background: url(http://www.itssimplydesign.com/wordpress/wp-content/themes/mod_theme/images /background_main_02.png) no-repeat;
  min-height: 668px;
  width: 700px;
  float: left;
  }
  
  #footer {
  clear: both;
  width: 100%;
  }
  </code></pre>