Пробовал. Мелькает в левом верхнем углу. А по кнопке центрируется и пока не закроешь. Сам код:
[HTML]<!doctype html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="base/jquery-ui.min.css" rel="stylesheet">
<link href="font-awesome.min.css" rel="stylesheet">
<link href="settings_new_14.css" rel="stylesheet">
<link href="contacts.css" rel="stylesheet">
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="wwb17.min.js"></script>
<script src="contacts.js"></script>
<script>
var zk =1;
if zk>0 $('#Dialog1').dialog('open');
</script>
</head>
<body onpageshow="$('#Dialog1').dialog('close');return false;">
<div id="FlexGrid1">
<div class="header">
<div id="wb_title" style="display:inline-block;width:calc(100% - 20px);z-index:0;">
<h1 id="title">Контакты</h1>
</div>
</div>
</div>
<div id="FlexGrid2">
<div id="FlexGrid2-grid">
<div class="switch">
</div>
</div>
</div>
<div id="wb_IconFont1" style="position:absolute;left:10px;top:48px;width:44px;height:43px;text-align:center;z-index:23;">
<a href="./index.html"><div id="IconFont1"><i class="fa fa-home"></i></div></a>
</div>
<div id="FlexContainer1">
</div>
<div id="wb_LayoutGrid1">
<form name="LayoutGrid1" method="post" action="" enctype="text/plain" id="LayoutGrid1">
<div class="row">
<div class="col-1">
<div id="wb_Heading1" style="display:inline-block;width:100%;z-index:1;">
<h1 id="Heading1">Напишите нам</h1>
</div>
<hr id="Line1" style="display:block;width:100%;z-index:2;">
<input type="text" id="Editbox1" style="display:block;width:100%;height:32px;z-index:3;" name="Name" value="" spellcheck="false" placeholder="Имя">
<hr id="Line2" style="display:block;width:100%;z-index:4;">
<input type="text" id="Editbox2" style="display:block;width:100%;height:32px;z-index:5;" name="email" value="" spellcheck="false" placeholder="Email">
<hr id="Line3" style="display:block;width:100%;z-index:6;">
<textarea name="message" id="TextArea1" style="display:block;width:100%;;height:74px;z-index:7;" rows="1" cols="87" autocomplete="off" spellcheck="false" placeholder="Сообщение"></textarea>
<hr id="Line5" style="display:block;width:100%;z-index:8;">
<div id="wb_Captcha1" style="display:inline-block;width:100%;z-index:9;">
<img src="captcha1.php" alt="Click for new image" title="Click for new image" style="cursor:pointer;float:left;width:100px;height:38px;" onclick="this.src='captcha1.php?'+Math.random()">
<span><input type="text" id="Captcha1" style="display:block;width:calc(100% - 10px);height:22px;" name="captcha" value="" spellcheck="false"></span>
</div>
<hr id="Line4" style="display:block;width:100%;z-index:10;">
<input type="submit" id="Button1" onclick="$('#Dialog1').dialog('open');return false;" name="" value="Отправить" style="display:inline-block;width:127px;height:45px;z-index:11;">
</div>
</div>
</form>
</div>
<div id="wb_LayoutGrid8">
<div id="LayoutGrid8">
<div class="row">
<div class="col-1">
<div id="wb_FontAwesomeIcon3" style="display:inline-block;width:40px;height:40px;text-align:center;z-index:12;">
<a href="./index.html"><div id="FontAwesomeIcon3"><i class="fa fa-vk"></i></div></a>
</div>
<div id="wb_Text17">
<span style="color:#FFFFFF;font-family:Arial;font-size:12px;"><br>All Rights Reserved </span>
</div>
</div>
</div>
</div>
</div>
<div id="Dialog1">
<div id="wb_IconFont2" style="position:absolute;left:0px;top:0px;width:55px;height:49px;text-align:center;z-index:17;">
<div id="IconFont2"><i class="fa fa-exclamation-circle"></i></div></div>
<div id="wb_Text1" style="position:absolute;left:67px;top:15px;width:198px;height:36px;text-align:center;z-index:18;">
<span style="color:#696969;font-family:Arial;font-size:16px;"><strong> Введеное значение <br>неверно!!!</strong></span></div>
</div>
</body>
</html>
[/html]