Имеется шаблон такого типа :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="
http://userapi.com/js/api/openapi.js?17"></script>
<script type="text/javascript">
VK.init({apiId: 2017682, onlyWidgets: true});
</script>
<title>[*pagetitle*] - [(site_name)]</title>
<meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
<base href="[(site_url)]"></base>
<link rel="stylesheet" href="assets/templates/drupify/style.css" type="text/css" />
<link rel="shortcut icon" href="assets/templates/drupify/images/favicon.ico" type="image/x-icon" />
<!--[if lte IE 6]>
<link href="assets/templates/drupify/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page_bg">
<div id="wrapper">
<div id="header">
<div class="rk-1">
<div class="rk-2">
<a href="[(site_url)]" title="[(site_name)]">
<img src="assets/templates/drupify/logo.jpg" alt="[(site_name)]" id="logo" />
</a>
<div id="top">
<div class="padding">
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<div id="mission">
<h4>Example mission block</h4>
If you’ve ever wondered what a content management system does and what it’s used for and how, then starting with MODx is a very good option.
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div id="horiz-menu">
<div id="navigation" class="menu">
<div id="primary" class="clear-block">
[[Wayfinder?startId=`0` &level=`1`]]
</div>
</div> <!-- /navigation -->
</div>
<div id="mainbody">
<table class="mainbody" cellspacing="0" cellpadding="0">
<tr valign="top">
<td class="mainbody">
<table class="usermodules" cellspacing="15">
<tr valign="top">
<td class="usermodules">
<div class="moduletable">
<div id="top_left" class="column sidebar">
<h4>Example top left block</h4>
If you’ve ever wondered what a content management system does and what it’s used for and how, then starting with MODx is a very good option.
</div> <!-- /top_left -->
</div>
</td>
<td class="usermodules">
<div class="moduletable">
<div id="top_right" class="column sidebar">
<h4>Example top right block</h4>
If you’ve ever wondered what a content management system does and what it’s used for and how, then starting with MODx is a very good option.
</div> <!-- /top_right -->
</div>
</td>
</tr>
</table>
<div class="padding">
<div id="header-region">
[[Breadcrumbs]]
</div>
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<div id="main" class="column"><div id="squeeze">
<h1 class="title">[*pagetitle*]</h1>
[*#content*]
</div></div> <!-- /squeeze /main -->
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
<td class="right">
<div class="padding">
<div class="moduletable">
<div class="sidebar">
[[Wayfinder?startId=`0` &level=`3`]]
</div> <!-- /sidebar-right -->
</div>
</div>
</td>
</tr>
</table>
</div>
<div id="bottom">
<table class="usermodules" cellspacing="15">
<tr valign="top">
<td class="usermodules">
<div class="moduletable">
<div id="bottom_left" class="column sidebar">
<h4>Example footer left block</h4>
If you’ve ever wondered what a content management system does and what it’s used for and how, then starting with MODx is a very good option.
</div>
<!-- /bottom_left -->
</div>
</td>
<td class="usermodules">
<div class="moduletable">
<div id="bottom_right" class="column sidebar">
<h4>Example footer right block</h4>
If you’ve ever wondered what a content management system does and what it’s used for and how, then starting with MODx is a very good option.
</div> <!-- /bottom_right -->
</div>
</td>
</tr>
</table>
</div>
<div id="footer">
<div class="rk-1">
<div class="rk-2">
<div id="the-footer">
Design by <a href="
http://www.rockettheme.com/">RocketTheme</a>
Template by <a href="
http://modxd.com">MODx Templates</a>
</div>
</div>
</div>
</div>
</div><!-- 1189991641 -->
</body>
</html>
Когда я пытаюсь вставить конпку вконтакте "мне нравится "в правую часть шаблона то вся правая часть сьезжает ...встваляю сюда :
<div class="sidebar">
[[Wayfinder?startId=`0` &level=`3`]]
{{likeButton}}--вот кнопка
</div> <!-- /sidebar-right -->
Пытался также встваить в верхнюю правую часть шаблона но он все равно сьезжает вправо .. подскажите пожалуйста как такое может быть
и как это исправить ?