Изменение размера div в зависимости от наличия соседнего блка

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Aeronaut, 26.12.2011.

  1. Offline

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

    Регистрация:
    13.10.2011
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Есть два соседних блока. В первом находиться модуль во втором вывод компонента. Как сделать что бы второй блок изменял совю ширину в зависимости от наличия первого блка. То есть когда он присутствует, второй блок имеет размер 70%, когда первого нет, то второй имеет размер 100%. Выручайте, поиск не помог...
     
  2.  
  3. Offline

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

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    Обычно в шаблонах реализована такая фишка. Если в позиции не опубликованы модули, то соседний контейнер растягивается. Если у вас самопальный шаблон, тогда копайте php. Я думаю, логика следующая-
    задаётся условие, если есть модуль в позиции left, ширина content 70%, если нет 100%. ИМХО
     
  4. Offline

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

    Регистрация:
    13.10.2011
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    В этом то и загвоздка, что нужно условие ПХП. А шаблон сам ваяю. В других шаблонах не могу вытянуть код.
     
    Последнее редактирование: 27.12.2011
  5. Offline

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

    Регистрация:
    01.12.2011
    Сообщения:
    155
    Симпатии:
    12
    Пол:
    Мужской
    насколько я понимаю, не только php, нужно ещё и стили для каждого случая.
    Если есть некоторые знания php и css, и конечно желание разобраться, можно разобраться покурив стандартный шаблон. Я покурил с пол часа, суть уже понятна, думаю завтра разберусь полностью.
    вот два отрывка кода,надеюсь подскажут где нужно копать
    Код (CODE):
    1. $ja_left = $this->countModules('left') || ($tmpTools->getParam(JA_TOOL_MENU) == 1);
    2. $ja_right = $this->countModules('right');
    3.  
    4. if ( $ja_left && $ja_right ) {
    5.     [B]$divid[/B] = '';
    6.     } elseif ( $ja_left ) {
    7.     $divid = '-fr';
    8.     } elseif ( $ja_right ) {
    9.     $divid = '-fl';
    10.     } else {
    11.     $divid = '-f';
    12.  
    13.  
    14. <div id="ja-containerwrap<?php echo [B]$divid;[/B] ?>">
    15. <div id="ja-containerwrap2">
    16.     <div id="ja-container">
    17.     <div id="ja-container2" class="clearfix">
    18.  
    19.         <div id="ja-mainbody<?php echo $divid; ?>" class="clearfix">
     

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

Загрузка...