I want create a login page with easyui-panel, but wen i running in browser, the panel login not in center page middle of the browser page. This is my code
----
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Please Login First</title>
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="themes/icon.css">
<link rel="stylesheet" type="text/css" href="themes/demo.css">
<link rel="stylesheet" type="text/css" href="style-login.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
</head>
<body>
<div id ="login-panel" class="easyui-panel" title="Silahkan Login terlebih dahulu !!!" style="width:250px;height:200px;padding:10px;">
<div class="easyui-layout" fit="true">
<div region="north" border="false">
<label>Silahkan masukkan username & password</label>
</div>
<div region="center" border="false">
<form name="frmLogin" method="post" action="checkLogin.php">
<table>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="user"></input></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass"></input></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="submit" value="Login"></input>
<input type="reset" name="reset" value="Reset"></input></td>
</tr>
</table>
</form>
</div>
<div region="south" border="false">
<div class="msgError"></div>
</div>
</div>
</div>
</body>
</html>
----
Please any one help me.
