How do I extend usable area to entire width of page??

  • Hello. Here is the link to a specific page on my site.

    As you can see, I am trying to install a forum on this page.

    I created a new page template called nosidebars.php and removed the sidebars from this template. However, Im not sure how to extend the margins to the entire width of the page…

    Any input??

    Here is the contents of nosidebars.php:

    </php
/*
Template Name:nosidebars
*/
?>

<div class="contentLayout">

<center>

<?php get_header(); ?>

<div id="content-fullwidth">

<div class="content">

<div class="Block">
  <div class="Block-body">

<div class="BlockContent">
  <div class="BlockContent-body">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
        <h2><?php the_title(); ?></h2>
        <div class="entry">
	        <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>
		    <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
        </div>
    </div>
<?php endwhile; endif; ?>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>

  </div>
  <div class="BlockContent-tl"></div>
  <div class="BlockContent-tr"><div></div></div>
  <div class="BlockContent-bl"><div></div></div>
  <div class="BlockContent-br"><div></div></div>
  <div class="BlockContent-tc"><div></div></div>
  <div class="BlockContent-bc"><div></div></div>
  <div class="BlockContent-cl"><div></div></div>
  <div class="BlockContent-cr"><div></div></div>
  <div class="BlockContent-cc"></div>
</div>

  </div>
</div>

</div>

</div>

<?php get_footer(); ?>

</center>

    Does anyone know how I would be able to change the code to allow the used area to extend over the entire width of the page?

    Now I know there is something wrong with this code anyways. The whole <center> was just a quickfix to an issue that came up. Can you help me fix this code?

    I LOVE YOU GUYS. THANKS.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter frumgenius

    (@frumgenius)

    PLEASE HELP!!! AHHHHHHHHHHHHHHHHHHH!

    Thread Starter frumgenius

    (@frumgenius)

    Sorry for keeping on posting just to get this listed on the top of the page. Ive been posting the same query for a few days now and nobody has responded yet….

    The short answer is because all content resides within the .Sheet <div> that is only 900px wide.

    Here’s your <div> hierarchy as it stands right now:

    .Main
   .Sheet
      .Sheet-body
         .Header
            [unidentified div with logo table]
         .nav
         .1
         .r
           [empty div]
      .contentLayout

    contentLayout is the first <div> in your nosidebars.php. There is too much other structural crap prior to this, which I’m assuming is coming from header.php. I’m also going to assume that the <div>‘s listed have the same CSS attributes as the other pages.

    I highly recommend restructuring this mess — it will make your life easier. Right now <div class=".Main"> is taking over the role of the <body> tag. I would leave that alone and create two #wrapper divs. One that is reduced content size, and one that is the width of the full page.

    At minimum, at least get rid of the empty <div>‘s and rename them to something more meaningful than “r” or “1”.

    I believe this is what controls my page width and content width…but I am no expert on here. In fact people are helping me out in another post. I guess I feel bad nobody has helped you out…pity vote perhaps.

    div#wrapper-wrapper { margin: 0 auto; width: 960px; padding: 18px 0 0 0; }
div#content { margin: 0; padding: 0; width: 630px; float: left; }

    this is in a css file.

    Thread Starter frumgenius

    (@frumgenius)

    Here is my index.php. There are a cupla ads up top…..but in general I would want the same thing minus the ads, and minus the sidebars…

    So to start from the beginning, what do I do to remove the sidebars?

    Take a look at my Homepage

    <?php get_header(); ?><br />

&nbsp;<a target='new' href="https://click.linksynergy.com/fs-bin/click?id=VCu5Y7K8hnU&offerid=120349.10000068&subid=0&type=4"><IMG border="0"   alt="Save up to 40% on Last Minute Flights with Hotwire Limited Rates!" src="https://ad.linksynergy.com/fs-bin/show?id=VCu5Y7K8hnU&bids=120349.10000068&subid=0&type=4&gridnum=6"></a> &nbsp;
<a target='new' href="https://click.linksynergy.com/fs-bin/click?id=VCu5Y7K8hnU&offerid=141510.10000032&type=4&subid=0"><IMG alt="Compusa (Systemax, Inc.)" border="0" src="https://images.compusa.com/adserve/CUpp468x60Banner.gif"></a><IMG border="0" width="1" height="1" src="https://ad.linksynergy.com/fs-bin/show?id=VCu5Y7K8hnU&bids=141510.10000032&type=4&subid=0">&nbsp;
<a target='new' href="https://www.bhphotovideo.com?BI=3262&KW=&KBID=4276&img=bh_cameras_270x60_anim.gif">
<img src="https://www.bhphotovideo.com/images/affiliateimages/bh_cameras_270x60_anim.gif" border="0"></a>
<img src="https://affiliates.bhphotovideo.com/showban.asp?id=4276&img=bh_cameras_270x60_anim.gif" border=0>

<div class="contentLayout">
<div class="sidebar1">

					<?php include (TEMPLATEPATH . '/sidebar1.php'); ?>

</div>
<div class="content">

<div class="Block">
  <div class="Block-body">

<div class="BlockContent">
  <div class="BlockContent-body">
  <?php if (have_posts()) : ?>

    <?php while (have_posts()) : the_post(); ?>

      <div class="post" id="post-<?php the_ID(); ?>">
        <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
        <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

        <div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div>

        <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
      </div>

    <?php endwhile; ?>

    <div class="navigation">
      <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
      <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
    </div>

  <?php else : ?>

    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn't here.</p>

  <?php endif; ?>

  </div>
  <div class="BlockContent-tl"></div>
  <div class="BlockContent-tr"><div></div></div>
  <div class="BlockContent-bl"><div></div></div>
  <div class="BlockContent-br"><div></div></div>
  <div class="BlockContent-tc"><div></div></div>
  <div class="BlockContent-bc"><div></div></div>
  <div class="BlockContent-cl"><div></div></div>
  <div class="BlockContent-cr"><div></div></div>
  <div class="BlockContent-cc"></div>
</div>

  </div>
</div>

</div>
<div class="sidebar2">

					<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>

</div>

</div>

<?php get_footer(); ?>
    Thread Starter frumgenius

    (@frumgenius)

    Im not sure that playing with my CSS is the smartest idea, because that would probably change my whole site’s settings.

    Im just trying to create a new template for certain pages…

    Thread Starter frumgenius

    (@frumgenius)

    REFLEXION STUDIOS can you answer a cupla my questions pretty please?

    How do I add two #wrapper divs to my CSS -one for the standard page template and one for the nosidebars template?

    Also is that the main issue with the page? Because I can see that there are code issues with the nosidebars php itself.(the whole <center> thing irks me….

    I’ll take a look at it later. Can you leave your email or some other communication method?

    That’ll be $25/hour please… ??

    Thread Starter frumgenius

    (@frumgenius)

    frumgenius (AT) yahoo.com.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I extend usable area to entire width of page??’ is closed to new replies.