Прежде всего, я хотел бы извиниться, если эта проблема уже имеет ответ в 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, но до сих пор мне это не удалось.
установите второй класс в div content
если countModules('sidebar')
равен 0 и используйте 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
один.