::-webkit-input-placeholder {color:#c0392b;}
::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */
:-moz-placeholder {color:#c0392b;}/* Firefox 18- */
:-ms-input-placeholder {color:#c0392b;}
button img, button span { display: inline-block; }
<button id = "search_button" title = "приступить к поиску"><img src="img/search.png"><span>найти</span></button>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style type="text/css">
* { margin: 0; padding: 0; }
html, body { width: 100vh; height: 100vh; }
.content { height: 100vh; width: 100vh; background: red; }
</style>
<div class="content"></div>
</body>
</html>Может быть, подождать пока страница полностью загрузится?
Лучше бы конкретный блок div появлялся только после его полной перезагрузки.
А если сделать ввод тегов как на Тостере, то будет вообще шикарно )) Что посоветуете?
<div id="vk_widget">
<div id="vk_groups"></div>
</div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<script>
function VK_Widget_Init(){
document.getElementById('vk_groups').innerHTML = "";
var vk_width = document.getElementById('vk_widget').clientWidth;
VK.Widgets.Group("vk_groups", {mode: 0, width: vk_width, height: "241", color1: "2B2B2B", color2: "FFFFFF", color3: "2B2B2B"}, 26292363);
};
window.addEventListener('load', VK_Widget_Init, false);
window.addEventListener('resize', VK_Widget_Init, false);
</script>#vk_widget, #vk_groups {
width: 100%;
}@font-face {
font-family: 'neosanspro_bold';
src: url('../fonts/neosanspro_bold.eot');
src: url('../fonts/neosanspro_bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/neosanspro_bold.woff2') format('woff2'),
url('../fonts/neosanspro_bold.woff') format('woff'),
url('../fonts/neosanspro_bold.ttf') format('truetype'),
url('../fonts/neosanspro_bold.svg#neosanspro_bold') format('svg');
font-weight: normal;
font-style: normal;
}