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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by Aeronaut, Dec 26, 2011.

  1. Offline

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

    Joined:
    Oct 13, 2011
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Есть два соседних блока. В первом находиться модуль во втором вывод компонента. Как сделать что бы второй блок изменял совю ширину в зависимости от наличия первого блка. То есть когда он присутствует, второй блок имеет размер 70%, когда первого нет, то второй имеет размер 100%. Выручайте, поиск не помог...
     
  2.  
  3. Offline

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

    Joined:
    Dec 1, 2011
    Messages:
    155
    Likes Received:
    12
    Gender:
    Male
    Обычно в шаблонах реализована такая фишка. Если в позиции не опубликованы модули, то соседний контейнер растягивается. Если у вас самопальный шаблон, тогда копайте php. Я думаю, логика следующая-
    задаётся условие, если есть модуль в позиции left, ширина content 70%, если нет 100%. ИМХО
     
  4. Offline

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

    Joined:
    Oct 13, 2011
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    В этом то и загвоздка, что нужно условие ПХП. А шаблон сам ваяю. В других шаблонах не могу вытянуть код.
     
    Last edited: Dec 27, 2011
  5. Offline

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

    Joined:
    Dec 1, 2011
    Messages:
    155
    Likes Received:
    12
    Gender:
    Male
    насколько я понимаю, не только 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">
     

Share This Page

Loading...