Aligne DIV både vertikalt og horisontalt
HejJeg har et DIV (LoginDialog) med en login-form, som jeg gerne vil placere i midten af et andet div (LoginContainer) - såvel horisontalt som vertikalt.
Det kan jeg simpelt hen ikke knække på en "pæn" måde. Det SKAL ske i stylen, og heler ikke noget med tabeller. :)
Er der nogen der har løsningen?
<html>
<head>
<title>Test</title>
<style type="text/css">
body
{
background-color: black;
}
#LoginContainer
{
background-color: gray;
height: 500px;
width: 100%;
}
#LoginDialog
{
background-color: White;
width: 300px;
}
#LoginDialog label
{
float: none;
margin: 10px 10px 0px 0;
display: block;
}
#LoginDialog input
{
font-size: 20px;
width: 100%;
margin: 0;
}
</style>
</head>
<body>
<div id="LoginContainer">
<div id="LoginDialog">
<h1>
Login</h1>
<p>
<label for="txtEmail">
E-mail</label>
<input name="txtEmail" type="text" />
</p>
<p>
<label for="txtPassword">
Password</label>
<input name="txtPassword" type="text" />
</p>
<p>
<input type="submit" name="btnLogin" value="Log in" />
</p>
</div>
</div>
</body>
</html>
