Joomla 1.5 Переопределения св-в для контента, если отстутствует модуль

Тема в разделе "Создание шаблона", создана пользователем ipkovalchuk, 10.04.2010.

  1. Offline

    ipkovalchuk Недавно здесь

    Регистрация:
    10.04.2010
    Сообщения:
    26
    Симпатии:
    2
    Пол:
    Мужской
    День добрый.
    Возникла следующая загвоздка при верстке:
    имеется 3-ёх колоночный макет
    левая и правая колонки фиксированные, центральная тянется.
    Если в правой колонке нет модулей, то её не должно быть и контент должен прижиматься к правому краю, но у меня не входит так сделать, т.к. для центральной части прописан жестко margin-right
    Ниже привожу часть кода
    Код (PHP):
    1. <div class="content">
    2. <div class="left">
    3. <jdoc:include type="modules" name="left" style="xhtml" />
    4. </div>
    5. <?php if($this->countModules('right')) : ?>
    6. <div class="right">
    7. <jdoc:include type="modules" name="right" style="xhtml" />
    8. </div>
    9. <?php endif; ?>
    10. <div class="page">
    11. <div class="center"><jdoc:include type="component" /></div>
    12. </div>
    13. </div>
    14. </div>
    15.  
    16. CSS
    17. .content{
    18. margin-top:30px;
    19. min-height:800px;
    20. }
    21. .left{
    22. float:left;
    23. margin-left:20px;
    24. width:230px;
    25. margin-bottom:30px;
    26. }
    27. .right{
    28. float:right;
    29. margin-right:20px;
    30. width: 230px;
    31. margin-bottom:30px;
    32. }
    33. .page{
    34. margin: 0 270px;
    35. }
     

    Вложения:

  2.  
  3. Offline

    ipkovalchuk Недавно здесь

    Регистрация:
    10.04.2010
    Сообщения:
    26
    Симпатии:
    2
    Пол:
    Мужской
    Если у кого подобное будет, делается это следующим образом
    Код (PHP):
    1. <div class="content">
    2. <div class="left">
    3. <jdoc:include type="modules" name="left" style="xhtml" />
    4. </div>
    5. <?php if($this->countModules('right')) : ?>
    6. <div class="right">
    7. <jdoc:include type="modules" name="right" style="xhtml" />
    8. </div>
    9. <div class="page">
    10. <?php else: ?>
    11. <div class="page2">
    12. <?php endif; ?>
    13. <div class="top">
    14. <div class="ptl"></div><div class="ptr"></div>
    15. </div>
    16. <div class="center"><jdoc:include type="component" /></div>
    17. <div class="bottom">
    18. <div class="pbl"></div><div class="pbr"></div>
    19. </div>
    20. </div>
    21. </div>
    22. </div>
    23.  
    24. CSS
    25. .content{
    26. margin-top:30px;
    27. min-height:800px;
    28. }
    29. .left{
    30. float:left;
    31. margin-left:20px;
    32. width:230px;
    33. margin-bottom:30px;
    34. }
    35. .right{
    36. float:right;
    37. margin-right:20px;
    38. width: 230px;
    39. margin-bottom:30px;
    40. }
    41. .page{
    42. margin: 0 270px;
    43. }
    44. .page2{
    45. margin: 0 0 0 270px;
    46. }
     

Поделиться этой страницей

Загрузка...