0

首先,我想道歉,如果这个问题已经在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 中尝试了许多选项,但到目前为止我还没有成功。

4

1 回答 1

1

content如果为 0,则为 div设置第二个类countModules('sidebar')并使用 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

于 2013-09-22T01:23:12.747 回答