Question

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

我希望在我的包装器中有两个不同的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

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

SCRIPT

<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选项卡。

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

1 个答案: