В общем, раньше в основном занимался 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 блок. Блок ВК до сих пор на след. строке.
