I've created a sub theme with a region called "content-right" and I'm attempting to place it to the right of the content region below the highlighted region (see attached image).

My problem is that no matter where I place the "render($page['content_right']);" code, and regardless of what I do to the CSS, I can't seem to get the content-right region to position itself to the right of the content region.

I concocted the following scheme by editing page.tpl.php and adding some CSS, but I'm afraid it's not much more than a kludge. What I did is to first determine if the content-right content exists. If so, I add a div with a CSS class that shrinks the content region so the content-right region will fit. If content-right doesn't exist, then content extends to the right border:

  <?php $content = render($page['content']); ?>
  <?php $content_right = render($page['content_right']); ?>
  <?php if ($content_right): ?>
      <div class="content-collapse"><?php print $content; ?></div>
  <?php print $content_right; ?>
  <?php else: ?>
  <?php print $content; ?>
  <?php endif; ?>

I'm sure there is a more elegant and correct way to render this. I'm looking for suggestions on a better way to implement this. Thanks.
Files: 
CommentFileSizeAuthor
cmi-layout.png7 KBstanb

Comments

Version:7.x-5.1» 7.x-5.x-dev