0

まず最初に、この問題の回答が stackoverflow.com に既にある場合は、Google で解決策を探す方法が思いつかなかったことをお詫び申し上げます。とにかく、ここに私の問題があります: 私は Joomla に取り組んでいます! 3.0.2 Web サイトで、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に 2 番目のクラスを設定し、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 に答える