Joomla 3 模板 - 包装器中的模块宽度

Question

首先，我想道歉，如果这个问题已经在 stackoverflow.com 中有答案，只是我想不出如何用谷歌搜索解决方案。 无论如何，这是我的问题： 我正在开发 Joomla！ 3.0.2的网站，我遇到了div宽度的问题。

我想在我的包装器中有 2 个不同的 div-s：

<div class="wrapper">
  <div class="content"></div>
  <?php if($this->countModules('sidebar')) :?>
     <div class="sidebar"></div>
  <?php endif; ?>
</div>

我希望“内容”具有包装器的 70% 宽度，而“侧边栏”具有 30% 的宽度，但前提是选择了侧边栏。如果侧边栏模块未激活，我希望“内容”宽度为 100% .. 我的问题是 - 我该怎么做？我在 css 中尝试了许多选项，但到目前为止我还没有成功。

Answer 1

如果countModules('sidebar') 为0，则为content div 设置第二个类并使用css 设置样式

脚本

<div class="wrapper">
  <div class="content <?php if($this->countModules('sidebar')==0) echo "full"; ?>"></div>
  <?php if($this->countModules('sidebar')) :?>
     <div class="sidebar"></div>
  <?php endif; ?>
</div>

CSS

.content {
   width:70%;
}

.content.full {
   width:100%;
}

.sidebar {
   width:30%;
}

.content.full 选择器将覆盖.content 之一。