css placering
Hej alle.Jeg har lavet et login i php. jeg kunne godt tænke mig at placere
login formen i midten af skærmen. så derfor har jeg lavet noget css med min content div:
#content {
background-color:white;
height:180px;
padding:8px;
position:fixed;
height:100%;
right:0px;
left:0px;
top:0px;
bottom:0px;
margin: 0 auto;
}
men af en eller anden grund viser formen sig ikke i midten af skærmen men oppe i venstre hjørne. Håber i kan hjælpe :)
<html>
<head>
<title>Login</title>
<style>
* {
font-family:Arial;
font-size:14px;
}
#formBorder {
padding:15px;
border:1px solid #000000;
width:40%;
border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
}
#legend {
font-family:Arial;
font-size:13px;
padding:7px;
border:1px solid #000000;
border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
}
#link {
font-size:13px;
font-family:Arial;
color:black;
text-decoration:underlined;
}
#link:hover {
color:red;
text-decoration:none;
}
#background {
width:500px;
background-color:white;
}
#content {
background-color:white;
height:180px;
padding:8px;
position:fixed;
height:100%;
right:0px;
left:0px;
top:0px;
bottom:0px;
margin: 0 auto;
}
.e_msg {
border:1px solid #ff001e;
width:500px;
padding:8px;
background-color:#ffb4bd;
}
#error_msg{
display: none;
}
</style>
<script type="text/javascript" src="js/JQuery.js"></script>
<script type="text/javascript" src="js/JSFunction.js"></script>
</head>
<body>
<!-- content -->
<div id="content">
<form method="post" action="index.php" id="form">
<fieldset id="formBorder"><legend id="legend">Member Login</legend>
<table>
<tr>
<td>Username: </td><td><input type="text" name="userInput" ><br></td>
</tr>
<tr>
<td>Password:</td><td> <input type="password" name="passInput"><br></td>
</tr>
<tr>
<td><input type="submit" value="Login" name="login_btn"></td>
</tr>
</table>
<a href="register/" id="link">Register here</a> | <a href="admin/" id="link">Admin login</a>
</fieldset>
</form>
</div>
</body>
</html>
<?php
include "login_inc/login_check.php";
?>
