我需要一个如下所示的表格布局:
第一单元(行距2)
第二和第三单元格(单元格1和单元格旁边)
第四组(第二组和第三组下方的第二组)
我遇到的问题是它只需要使用CSS完成,我根本不能使用代码中的任何表元素.
如果Cell 2,3和4为空,则单元1还需要仍然伸展到100%宽度.
我正在Joomla的一个Artisteer 4模板上工作,并且已经搜遍了所有人,并且无法找到可行的解决方案.
我的代码如下:
<div class="prof-layout-wrapper">
<div class="prof-content-layout">
<div class="prof-content-layout-row">
<div class="prof-layout-cell prof-content">
<?php
echo $view->position('banner2', 'prof-nostyle');
if ($view->containsModules('breadcrumb'))
echo artxPost($view->position('breadcrumb'));
echo $view->positions(array('user1' => 50, 'user2' => 50), 'prof-article');
echo $view->position('banner3', 'prof-nostyle');
echo artxPost(array('content' => '<jdoc:include type="message" />', 'classes' => ' prof-m essages'));
echo '<jdoc:include type="component" />';
echo $view->position('banner4', 'prof-nostyle');
echo $view->positions(array('user4' => 50, 'user5' => 50), 'prof-article');
echo $view->position('banner5', 'prof-nostyle');?>
</div>
<?php if ($view->containsModules('left')) : ?>
<div class="prof-layout-cell prof-sidebar1">
<?php echo $view->position('left', 'prof-block'); …Run Code Online (Sandbox Code Playgroud)