Mark

у виджета есть поле url. на каждой странице в этом поле должна стоять ссылка этой страницы

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button({url: "http://site.ru"},{type: "round", text: "Сохранить"}));
--></script>

вместо site.ru

Ну Flexbox, наверное. И поддерживается хорошо, и просто, и оформить можно.

Сделать header с абсолютным позиционированием и прилепить к вверху top:0; left: 0;, а карту тоже с абсолютным позиционированием и на всю ширину с помощью width: 100vw; height: 100vh;

а к header z-index: 10; что бы был верху

Пример как у меня сделано:

https://jsfiddle.net/xzpnzb3j/9/

www.colorzilla.com/gradient-editor

background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(41,137,216,0.02) 52%, rgba(45,139,217,0) 53%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

Нуу, как-то так. При желании можно сократить код. Пример

на https://jsfiddle.net/driver/xzpnzb3j/