WordPress.org

1. merothe
   Member
   Posted 3 months ago #

   apologies if is a basic question but cant find the answer on the forum.

   I am trying to create a page with 2 sidebars and page content on a white background, with body background green and footer at the bottom of all the content

   so i have in the main index template

   <?php get_header();?>
   <div id="content">
   <div id="menu">
   <?php include (TEMPLATEPATH . '/sidebar.php'); ?>
   </div>
   <div id="menuright">
   <?php include (TEMPLATEPATH . '/sidebar2.php'); ?>
   </div>
   <div id="page">
   <?php the_content(); ?>
   </div>
   </div>
   <?php get_footer(); ?>

   and in the stylesheet:

   #menu {
   background: #fff;
   width: 200px;
   position: absolute;
   left: 0;
   top: 0;
   text-indent:10px;
   margin: 0 20px 0 0;
   }
   
   #menuright {
   background: #fff;
   width: 200px;
   position: absolute;
   top: 0;
   right: 0;
   font-style:italic;
   }
   
   #content {
   width: 800px;
   margin-right: auto;
   margin-left:auto;
   background: white;
   position: relative;
   }
   
   #page {
   display: inline;
   margin-left: 200px;
   float: left;
   width: 400px;
   position: absolute;
   background: white;
   }
   
   #header {
   background: #000 url(image/logo.jpg);
   background-repeat: no-repeat;
   background-position:center;
   font: normal normal 230% 'Al Bayan', 'Traditional Arabic', 'Times New Roman', Times, serif;
   margin: auto;
   height: 271px;
   width: 800px;
   }
   
   body {
   background: green;
   }
   
   #footer {
   clear:both;
   bottom: 0;
   width: 800px;
   position: absolute;
   }

   but the footer sits just below the header behind the menus and page text.

   The menus and page content line up as i want in the centre of the page - But the white background is only behind the menus and page content - not in a neat square around everything...

   any thoughts?

   thanks

Reply

You must log in to post.