wayward end div

[paulcj2]

I'm going nuts trying to find why the end div for "main" does not work right, so as to allow the "site info" div to work correctly. What's wrong is that the site info div is vertical instead of horizontal across the bottom of this page.
http://test.rockyourchakras.com/cat_prod/47

However, on this page the same header and footer scripts work ok:
http://test.rockyourchakras.com/product/158
(horizontal site info)

The only difference between these pages is the script between the header and footer, where the divs are nested correctly.

<div id="content">
    <div class="program_cat">
<?php
    //Print category name and description
    echo("<h1>".$title."</h1>");
    echo("<p>".$text."</p>");

     //Print product URL, name and description
    foreach ($prod_results as $prod) { ?>

  <h2><a href='<?php echo BASE_URL; ?>/product/<?php echo $prod['id_prod']; ?>'><?php echo $prod['name_prod'] ?></a></h2>

  <?php
  echo("<p>".$prod['descrip']."</p>");
  } //end foreach
  ?>
  </div><!--end program_cat div -->

<?php if ($img_cat) {?>
    <div id="right_panel">
    <?php echo( "$img_cat" ); ?>
    </div><!--end right panel -->
</div><!--end content -->
<?php } ?>

What am I missing?

[Alex]

I'm going nuts trying to find why the end div for "main" does not work right, so as to allow the "site info" div to work correctly. What's wrong is that the site info div is vertical instead of horizontal across the bottom of this page.
http://test.rockyourchakras.com/cat_prod/47

However, on this page the same header and footer scripts work ok:
http://test.rockyourchakras.com/product/158
(horizontal site info)

The only difference between these pages is the script between the header and footer, where the divs are nested correctly.

<div id="content">
    <div class="program_cat">
<?php
    //Print category name and description
    echo("<h1>".$title."</h1>");
    echo("<p>".$text."</p>");

     //Print product URL, name and description
    foreach ($prod_results as $prod) { ?>

  <h2><a href='<?php echo BASE_URL; ?>/product/<?php echo $prod['id_prod']; ?>'><?php echo $prod['name_prod'] ?></a></h2>

  <?php
  echo("<p>".$prod['descrip']."</p>");
  } //end foreach
  ?>
  </div><!--end program_cat div -->

<?php if ($img_cat) {?>
    <div id="right_panel">
    <?php echo( "$img_cat" ); ?>
    </div><!--end right panel -->
</div><!--end content -->
<?php } ?>

What am I missing?

paulcj2,

The issue is that the div with an id of "main" is not closed on the page with an issue before the "site info" div is opened.

The layout of your code should be something like this:

<div id="wrap">
  <div id="main">content</div>
  <div id="site_info">footer</div>
</div>

On the broken page you have something like:

<div id="wrap">
  <div id="main">content
  <div id="site_info">footer</div>
  </div>
</div>

Alex

[Erik J]

...
What am I missing?

On that page, the closing tag of the content div is missing.

[Alex]

On that page, the closing tag of the content div is missing.

I'm at work and just breezed over it. I knew that the "main" div had not been closed properly, I assumed he closed it after the footer.

Nice catch, Erik.

Alex

[paulcj2]

Thanks,

Turns out I had added the end div within a conditional statement. When that did not evaluate to true, the end div did not display. I fixed that, and now life is good.