Инфоблок Статьи и Новости в 2 колонки

<table>
<tr>
<td>Инфоблок Статьи</td>
<td>Инфоблок новости</td>
</tr>
</table>

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetPageProperty("title", "Демонстрационная версия продукта «1С-Битрикс: Управление сайтом»");
$APPLICATION->SetPageProperty("NOT_SHOW_NAV_CHAIN", "Y");
$APPLICATION->SetTitle("Каталог книг");
?>  
<br />
 
<table cellspacing="1" cellpadding="1" border="0" align="center" style="border-collapse: collapse;" class="information-block"> 
  <tbody> 
    <tr><td><?$APPLICATION->IncludeComponent(
    "bitrix:news.index",
    "",
    Array(
        "IBLOCK_TYPE" => "news",
        "IBLOCKS" => array("3"),
        "NEWS_COUNT" => "5",
        "IBLOCK_SORT_BY" => "SORT",
        "IBLOCK_SORT_ORDER" => "ASC",
        "SORT_BY1" => "ACTIVE_FROM",
        "SORT_ORDER1" => "DESC",
        "SORT_BY2" => "SORT",
        "SORT_ORDER2" => "ASC",
        "FIELD_CODE" => array(),
        "PROPERTY_CODE" => array(),
        "FILTER_NAME" => "arrFilter",
        "IBLOCK_URL" => "",
        "DETAIL_URL" => "",
        "ACTIVE_DATE_FORMAT" => "d.m.Y",
        "CACHE_TYPE" => "A",
        "CACHE_TIME" => "36000000",
        "CACHE_NOTES" => "",
        "CACHE_GROUPS" => "Y"
    )
);?></td><td><?$APPLICATION->IncludeComponent(
    "bitrix:news.index",
    "",
    Array(
        "IBLOCK_TYPE" => "articles",
        "IBLOCKS" => array("2"),
        "NEWS_COUNT" => "5",
        "IBLOCK_SORT_BY" => "SORT",
        "IBLOCK_SORT_ORDER" => "ASC",
        "SORT_BY1" => "ACTIVE_FROM",
        "SORT_ORDER1" => "DESC",
        "SORT_BY2" => "SORT",
        "SORT_ORDER2" => "ASC",
        "FIELD_CODE" => array(),
        "PROPERTY_CODE" => array(),
        "FILTER_NAME" => "arrFilter",
        "IBLOCK_URL" => "",
        "DETAIL_URL" => "",
        "ACTIVE_DATE_FORMAT" => "d.m.Y",
        "CACHE_TYPE" => "A",
        "CACHE_TIME" => "36000000",
        "CACHE_NOTES" => "",
        "CACHE_GROUPS" => "Y"
    )
);?></td></tr>
   </tbody>
 </table>
   <?$APPLICATION->IncludeComponent(
    "bitrix:iblock.element.add",
    "",
    Array(
        "SEF_MODE" => "N",
        "AJAX_MODE" => "N",
        "IBLOCK_TYPE" => "articles",
        "IBLOCK_ID" => "",
        "PROPERTY_CODES" => array(),
        "PROPERTY_CODES_REQUIRED" => array(),
        "GROUPS" => array(),
        "STATUS" => "ANY",
        "STATUS_NEW" => "N",
        "ALLOW_EDIT" => "Y",
        "ALLOW_DELETE" => "Y",
        "ELEMENT_ASSOC" => "CREATED_BY",
        "NAV_ON_PAGE" => "10",
        "MAX_USER_ENTRIES" => "100000",
        "MAX_LEVELS" => "100000",
        "LEVEL_LAST" => "Y",
        "USE_CAPTCHA" => "N",
        "USER_MESSAGE_ADD" => "",
        "USER_MESSAGE_EDIT" => "",
        "DEFAULT_INPUT_SIZE" => "30",
        "RESIZE_IMAGES" => "N",
        "MAX_FILE_SIZE" => "0",
        "PREVIEW_TEXT_USE_HTML_EDITOR" => "N",
        "DETAIL_TEXT_USE_HTML_EDITOR" => "N",
        "CUSTOM_TITLE_NAME" => "",
        "CUSTOM_TITLE_TAGS" => "",
        "CUSTOM_TITLE_DATE_ACTIVE_FROM" => "",
        "CUSTOM_TITLE_DATE_ACTIVE_TO" => "",
        "CUSTOM_TITLE_IBLOCK_SECTION" => "",
        "CUSTOM_TITLE_PREVIEW_TEXT" => "",
        "CUSTOM_TITLE_PREVIEW_PICTURE" => "",
        "CUSTOM_TITLE_DETAIL_TEXT" => "",
        "CUSTOM_TITLE_DETAIL_PICTURE" => "",
        "AJAX_OPTION_JUMP" => "N",
        "AJAX_OPTION_STYLE" => "Y",
        "AJAX_OPTION_HISTORY" => "N",
        "AJAX_OPTION_ADDITIONAL" => ""
    ),
false
);?><?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

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

<? if (count($arResult["ITEMS"]) < 1)
 return;
?>
<div class="content-block">
     <h3><?=$arResult["NAME"]?></h3>
     <dl class="block-list">
     <?foreach($arResult["ITEMS"] as $arItem):?>
 <dt><?=$arItem["DISPLAY_ACTIVE_FROM"]?><br/> <a href="<?=$arItem["DETAIL_PAGE_URL"]?>"><?=$arItem["NAME"]?></a></dt>
 <dd><?=(strlen($arItem["PREVIEW_TEXT"])> 0 ? $arItem["PREVIEW_TEXT"] : '')?></dd>
     <?endforeach;?>
     </dl>

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

<div style="width: 100%; float: left;">

  <div style="float: left; width: 50%;">
    <div style="margin: 1px; padding: 1px;">
   Инфоблок Новости
    </div>
  </div>

  <div style="float: left; width: 50%;">
    <div style="margin: 1px; padding: 1px;">
   Инфоблок Статьи
    </div>
  </div>

</div>
<div style="clear: both;"></div>

<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("test1");
?>

<div style="WIDTH: 100%; FLOAT: left">
  <div style="WIDTH: 50%; FLOAT: left">
    <div style="PADDING-BOTTOM: 1px; MARGIN: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px">
<?$APPLICATION->IncludeComponent(
 "bitrix:news.list",
 "main",
 Array(
  "AJAX_MODE" => "N",
  "IBLOCK_TYPE" => "news",
  "IBLOCK_ID" => "1",
  "NEWS_COUNT" => "5",
  "SORT_BY1" => "ACTIVE_FROM",
  "SORT_ORDER1" => "DESC",
  "SORT_BY2" => "SORT",
  "SORT_ORDER2" => "ASC",
  "FILTER_NAME" => "",
  "FIELD_CODE" => array(),
  "PROPERTY_CODE" => array(),
  "CHECK_DATES" => "Y",
  "DETAIL_URL" => "",
  "PREVIEW_TRUNCATE_LEN" => "",
  "ACTIVE_DATE_FORMAT" => "d.m.Y",
  "SET_TITLE" => "N",
  "SET_STATUS_404" => "N",
  "INCLUDE_IBLOCK_INTO_CHAIN" => "N",
  "ADD_SECTIONS_CHAIN" => "N",
  "HIDE_LINK_WHEN_NO_DETAIL" => "N",
  "PARENT_SECTION" => "",
  "PARENT_SECTION_CODE" => "",
  "CACHE_TYPE" => "A",
  "CACHE_TIME" => "36000000",
  "CACHE_NOTES" => "",
  "CACHE_FILTER" => "N",
  "CACHE_GROUPS" => "Y",
  "DISPLAY_TOP_PAGER" => "N",
  "DISPLAY_BOTTOM_PAGER" => "N",
  "PAGER_TITLE" => "Новости",
  "PAGER_SHOW_ALWAYS" => "N",
  "PAGER_TEMPLATE" => "",
  "PAGER_DESC_NUMBERING" => "N",
  "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000000",
  "PAGER_SHOW_ALL" => "N",
  "AJAX_OPTION_SHADOW" => "Y",
  "AJAX_OPTION_JUMP" => "N",
  "AJAX_OPTION_STYLE" => "Y",
  "AJAX_OPTION_HISTORY" => "N",
  "AJAX_OPTION_ADDITIONAL" => ""
 )
);?> </div>
  </div>

  <div style="WIDTH: 50%; FLOAT: right">
    <div style="PADDING-BOTTOM: 1px; MARGIN: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px">
<?$APPLICATION->IncludeComponent(
 "bitrix:news.list",
 "main",
 Array(
  "AJAX_MODE" => "N",
  "IBLOCK_TYPE" => "articles",
  "IBLOCK_ID" => "8",
  "NEWS_COUNT" => "5",
  "SORT_BY1" => "ACTIVE_FROM",
  "SORT_ORDER1" => "DESC",
  "SORT_BY2" => "SORT",
  "SORT_ORDER2" => "ASC",
  "FILTER_NAME" => "",
  "FIELD_CODE" => array("DETAIL_PICTURE"),
  "PROPERTY_CODE" => array(),
  "CHECK_DATES" => "Y",
  "DETAIL_URL" => "",
  "PREVIEW_TRUNCATE_LEN" => "100",
  "ACTIVE_DATE_FORMAT" => "d.m.Y",
  "SET_TITLE" => "N",
  "SET_STATUS_404" => "N",
  "INCLUDE_IBLOCK_INTO_CHAIN" => "N",
  "ADD_SECTIONS_CHAIN" => "N",
  "HIDE_LINK_WHEN_NO_DETAIL" => "N",
  "PARENT_SECTION" => "",
  "PARENT_SECTION_CODE" => "",
  "CACHE_TYPE" => "A",
  "CACHE_TIME" => "36000000",
  "CACHE_NOTES" => "",
  "CACHE_FILTER" => "N",
  "CACHE_GROUPS" => "Y",
  "DISPLAY_TOP_PAGER" => "N",
  "DISPLAY_BOTTOM_PAGER" => "N",
  "PAGER_TITLE" => "Статьи",
  "PAGER_SHOW_ALWAYS" => "N",
  "PAGER_TEMPLATE" => "",
  "PAGER_DESC_NUMBERING" => "N",
  "PAGER_DESC_NUMBERING_CACHE_TIME" => "36000000",
  "PAGER_SHOW_ALL" => "N",
  "AJAX_OPTION_SHADOW" => "Y",
  "AJAX_OPTION_JUMP" => "N",
  "AJAX_OPTION_STYLE" => "Y",
  "AJAX_OPTION_HISTORY" => "N",
  "AJAX_OPTION_ADDITIONAL" => ""
 )
);?> </div>
  </div>
</div>

<div style="CLEAR: both"></div>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
 

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

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

<div class="content-block">
     <h3><?=$arResult["NAME"]?></h3>
     <dl class="block-list">
     <?foreach($arResult["ITEMS"] as $arItem):?>
 <dt><?=$arItem["DISPLAY_ACTIVE_FROM"]?><br/> <a href="<?=$arItem["DETAIL_PAGE_URL"]?>"><?=$arItem["NAME"]?>
</a></dt>
 <dd><?=(strlen($arItem["PREVIEW_TEXT"])> 0 ? $arItem["PREVIEW_TEXT"] : '')?></dd>
     <?endforeach;?>
     </dl>

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

</div>

<style type="text/css">

#page{
   margin:0 auto;
   paddong:0;
   width:600px;
}

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

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

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

</style>

#page .news, .article{
height: ***px;
}