Content and Columns

[Ziggywigged]

Hello,

Using 1.5.2 and this nifty little snippet to only display a right sidebar column if content is entered:

Code: Select all

{content block='sidebar' assign='sidebar_var' oneline='true'}
{if !empty($sidebar_var)}
<div class="rightCol">{$sidebar_var}</div>
{/if}

rightCol is set to float right in my css and the main content div set to float left. What I'd like to do is have the content div span my wrapper area width (900px) unless of course there is a side column which would take up 250px, leaving the content div at around 550px. I've tried setting width:auto and setting no width at all but it always spans the whole width of my wrapper and the rightCol gets pushed underneath. Hope that makes sense. Any suggestions?

Thanks.

[calguy1000]

maybe something like this:

Code: Select all

{content block='sidebar' assign='sidebar_var' oneline='true'}
{if !empty($sidebar_var)}
  {assign var='mainwidth' value='550'}
  <div class="rightCol">{$sidebar_var}</div>
{else}
  {assign var='mainwidth' value='900'}
{/if}
<div class="main_area" style="width: {$mainwidth}">
{content}
</div>

[Ziggywigged]

Thanks Calguy, worked like a charm after minor addition of 'px' after {$mainwidth}.

E.g.:
{content block='sidebar' assign='sidebar_var' oneline='true'}
{if !empty($sidebar_var)}
  {assign var='mainwidth' value='550'}
  {$sidebar_var}
{else}
  {assign var='mainwidth' value='900'}
{/if}

{content}


Many thanks.