как добавить второй контейнер слева

Голоса: +1
В инструкции по добавлению второго контейнер написано, что если необходимо добавить контейнер слева, то нужно вставить соответствующий глобальный блок до $CONTENT$ . Скажите, пожалуйста, куда конкретно в HTML коде нужно вставить глобальный блок? Я пробовала разные варианты, но все они приводят к тому, что полностью съезжают другие части сайта...

<div id="contanier">
 <div id="content">
$GLOBAL_AHEADER$
 <!-- <middle> -->
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr>
 <td valign="top" style="padding:0px 20px 0px 0px;">
<p>
<div id="LC_Teaser_Block_56430">загрузка...</div>
<p>
<!-- <body> -->$CONTENT$<!-- </body> -->
<p>
<div id="LC_Teaser_Block_56107">загрузка...</div>
<p>
</td>
<td valign="top" style="width:200px;">
<a href='http://favicon.ru'> Favicon.ru - создание и редактирование фавиконов, иконок сайтов</a
 
$GLOBAL_CLEFTER$
 </td>
 </tr>
 </table>
 <!-- </middle> -->

$GLOBAL_BFOOTER$
 </div>
</div>

</html>
Адрес сайта www.buduar.ucoz.ua
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: +2
 
Лучший ответ

У вас сам сайт зафиксирован на ширину 740 пикселей.

Зайдите в Управление дизайном (CSS) в панели управления, найдите такую строчку (в самом начале):

#content {width:740px;margin-left:auto;margin-right:auto;}

измените "width:740px;" на "width:940px;"

потом тот код, который вы привели выше, замените этим:

<div id="contanier">
 <div id="content">
$GLOBAL_AHEADER$
 <!-- <middle> -->
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr>

<td valign="top" style="width:200px;">

Здесь ваш глобальный блок

</td>
 <td valign="top" style="padding:0px 20px 0px 0px;">
<p>
<div id="LC_Teaser_Block_56430">загрузка...</div>
<p>
<!-- <body> -->$CONTENT$<!-- </body> -->
<p>
<div id="LC_Teaser_Block_56107">загрузка...</div>
<p>
</td>
<td valign="top" style="width:200px;">
<a href='http://favicon.ru'> Favicon.ru - создание и редактирование фавиконов, иконок сайтов</a
 
$GLOBAL_CLEFTER$
 </td>
 </tr>
 </table>
 <!-- </middle> -->

$GLOBAL_BFOOTER$
 </div>
</div>

 

| Автор:
Выбор ответа лучшим | | Автор: Ксю
голоса: +2

Вот вы выше предоставили код:

 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr> 
 <td valign="top" style="padding:0px 20px 0px 0px;">
<p>
<div id="LC_Teaser_Block_56430">загрузка...</div> 
<p> 
<!-- <body> -->$CONTENT$<!-- </body> -->

который замените на:

 <table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr>
 <td valign="top" style="width:200px;">$GLOBAL_DRIGHTER$</td> 
 <td valign="top" style="padding:0px 20px 0px 0px;"><p>
<div id="LC_Teaser_Block_56430">загрузка...</div> 
<p> 
<!-- <body> -->$CONTENT$<!-- </body> -->

Хотя не советовал бы вам добавлять второй контейнер, так как у вас дизайн нарисован под поддержку лишь одного, для второго нужно перерисовывать изображения  и менять много стилей итд.

| Автор:
...