День добрый. Возникла следующая загвоздка при верстке: имеется 3-ёх колоночный макет левая и правая колонки фиксированные, центральная тянется. Если в правой колонке нет модулей, то её не должно быть и контент должен прижиматься к правому краю, но у меня не входит так сделать, т.к. для центральной части прописан жестко margin-right Ниже привожу часть кода Код (PHP): <div class="content"> <div class="left"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> <?php if($this->countModules('right')) : ?> <div class="right"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> <?php endif; ?> <div class="page"> <div class="center"><jdoc:include type="component" /></div> </div> </div> </div> CSS .content{ margin-top:30px; min-height:800px; } .left{ float:left; margin-left:20px; width:230px; margin-bottom:30px; } .right{ float:right; margin-right:20px; width: 230px; margin-bottom:30px; } .page{ margin: 0 270px; }
Если у кого подобное будет, делается это следующим образом Код (PHP): <div class="content"> <div class="left"> <jdoc:include type="modules" name="left" style="xhtml" /> </div> <?php if($this->countModules('right')) : ?> <div class="right"> <jdoc:include type="modules" name="right" style="xhtml" /> </div> <div class="page"> <?php else: ?> <div class="page2"> <?php endif; ?> <div class="top"> <div class="ptl"></div><div class="ptr"></div> </div> <div class="center"><jdoc:include type="component" /></div> <div class="bottom"> <div class="pbl"></div><div class="pbr"></div> </div> </div> </div> </div> CSS .content{ margin-top:30px; min-height:800px; } .left{ float:left; margin-left:20px; width:230px; margin-bottom:30px; } .right{ float:right; margin-right:20px; width: 230px; margin-bottom:30px; } .page{ margin: 0 270px; } .page2{ margin: 0 0 0 270px; }