В общем, раньше в основном занимался PHP, теперь занялся версткой. Такая проблема.   <!DOCTYPE html><html lang="en"><head>    <meta charset="utf-8">    <title>.</title>    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <!-- Loading Bootstrap -->    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">    <!-- Loading Flat UI -->    <link href="css/flat-ui.css" rel="stylesheet">    <link rel="shortcut icon" href="images/favicon.ico">    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->    <!--[if lt IE 9]>      <script src="js/html5shiv.js"></script>      <script src="js/respond.min.js"></script>    <![endif]-->        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>        <script type="text/javascript" src="//vk.com/js/api/openapi.js?113"></script>        <script>        //DO NOT REMOVE THIS FUNCTION! It's responsible for AJAX Loading                function loadPage(pageTitle, pageURL) {            $("#pageTitle").html("Загрузка страницы ["+pageTitle+"]");            $("#content").html("<h5>Загрузка..</h5>");            $.post(pageURL, function(data) {                $("#pageTitle").html(pageTitle);                $("#content").html(data);            });        }                //$(document).ready function is executing when page is fully loaded        $(document).ready(function() {            loadPage("Главная", "main.html");        });    </script></head><body>    <div class="container">        <nav class="navbar navbar-default" role="navigation">            <div class="navbar-header">                <p class="navbar-brand">FunnyMine Servers</p>            </div>            <div class="collapse navbar-collapse" id="navbar-collapse-01">                <ul class="nav navbar-nav">                    <li><a onClick="loadPage('Главная', 'main.html')" href="#">Главная</a></li>                    <li><a onClick="loadPage('Донат | Покупка групп онлайн', 'donate.html')" href="#">Донат<span class="navbar-new">!</span></a></li>                </ul>            </div>            <!-- /.navbar-collapse -->        </nav>        <!-- /navbar -->        <div style="background: rgba(0,0,0,0.0);">    <div style="background: rgba(189, 195, 199,1.0); padding: 0 0 10px 0; border-radius: 10px; width: 75%; display: block;"> <!-- Да бомбанет у перфекциониста, азаз -->        <center>        <div id="pageTitle" style="background: rgba(52, 152, 219,1.0); margin: 0; border-radius: 10px;">Загрузка..</div>        <content id="content">        <h5>Загрузка..</h5>        </content>        </center>    </div>    </div>        <div id="vk_groups" style="z-index: 10; position: absolute;"></div>    </div>    <script type="text/javascript">    VK.Widgets.Group("vk_groups", {mode: 0, width: "225", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '3498DB'}, 54763023);    </script>    <!-- /.container -->    <!-- Load JS here for greater good =============================-->    <script src="js/jquery-1.8.3.min.js"></script>    <script src="js/jquery-ui-1.10.3.custom.min.js"></script>    <script src="js/jquery.ui.touch-punch.min.js"></script>    <script src="js/bootstrap.min.js"></script>    <script src="js/bootstrap-select.js"></script>    <script src="js/bootstrap-switch.js"></script>    <script src="js/flatui-checkbox.js"></script>    <script src="js/flatui-radio.js"></script>    <script src="js/jquery.tagsinput.js"></script>    <script src="js/jquery.placeholder.js"></script></body></html>Блок группы VKontakte встает на след. строке. Верстка там вроде резиновая, как сделать его справа? Ах да, забыл сказать. Там подключаются Bootstrap + Flat UI. UPD. Засунул все это в 1 блок. Блок ВК до сих пор на след. строке.