Форум

<style type="text/css">
 
#page{
   margin:0 auto;
   paddong:0;
   width:600px;
}

DIV.brd {
   border: 2px double black; /* Параметры границы */
   background: #fc3; /* Цвет фона */
   padding: 10px; /* Поля вокруг текста */
}

#page .news{
   background:yellow;
   margin:5px;
   padding:0;
   display:block;
   float:left;
   overflow:hidden;
   width:290px;
   height:750px; 
}

#page .article{
   background:yellow;
   margin:5px;
   padding:0;
   display:block;
   float:right;
   overflow:hidden;
   width:290px;
   height:750px; 
}

#page .element{
   margin-bottom:10px;
   height:200px;
   border-bottom:1px solid red;
}

#page .all_link{
   display:block;
   width:290px;
}
</style> 

<div id="page">

 <div class="news">
  <div class="brd">
       инфоблок новости
 </div>
 </div>

 <div class="article">
  <div class="brd">
       инфоблок статьи   
  </div>
 </div>

</div>

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>

<? if (count($arResult["ITEMS"]) < 1)
 return;
?>

     <h3><?=$arResult["NAME"]?></h3>
     <dl class="block-list">

     <?foreach($arResult["ITEMS"] as $arItem):?>
<div class="element">

     <div class="element-date">
               <dt><?=$arItem["DISPLAY_ACTIVE_FROM"]?><br/> 
     </div>

     <div class="element-title">  
       <a href="<?=$arItem["DETAIL_PAGE_URL"]?>"><?=$arItem["NAME"]?></a></dt>
     </div>

     <div class="element-body"> 
       <dd><?=(strlen($arItem["PREVIEW_TEXT"])> 0 ? $arItem["PREVIEW_TEXT"] : '')?></dd>
     </div>
</div>
     
     <?endforeach;?>
     </dl>

  <div class="all_link"> 
    <a href="<?=SITE_DIR?><?=$arItem["IBLOCK_CODE"]?>/">все <?=$arResult["ELEMENTS_NAME"]?></a>
  </div>