de code hieronder toont een login scherm. Dit scherm wordt overal correct getoond behalve bij IE11 op windows10. Een IE11 op windows7 toont alles zoals het hoort. Kan iemand helpen?
Dank bij voorbaat!
<!DOCTYPE html>
<html>
<head>
<title>E-services DVC Heilig Hart</title>
<link rel="stylesheet" type="text/css" href="./css/huisstijl.css">
<style>
body
{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
#logo
{
width:198px;
height:147px;
float:left;
margin: 1em;
}
form
{
border: 2px solid rgb(38,136,142);
border-radius:10pt;
width:600px;
height:300px;
}
ol
{
float:left;
margin-top:25px;
}
li
{
list-style-type:none;
margin:8pt;
}
label
{
font-family:verdana;
font-size:10pt;
width:110px;
float:left;
}
#gebruikersnaam
{
width:150px;
}
#paswoord
{
width:150px;
}
.button
{
color:white;
font-size:10pt;
font-weight:bold;
height:25pt;
background-color:rgb(192,154,0);
border-radius:25px;
cursor:pointer;
width:120px;
}
.helpbutton
{
color:white;
font-family:verdana;
font-size:16pt;
height:25pt;
background-color:rgb(192,154,0);
border-radius:25px;
cursor:pointer;
width:25pt;
margin-right:5px;
}
</style>
</head>
<body>
<section>
<form method="post" action="index.php">
<h2 class="h2paars">Inloggen E-services </h2>
<img src="./images/dvctrans.png" id="logo" alt="logo DVC Heilig Hart">
<ol>
<li><label for="gebruikersnaam">Login</label>
<input type="text" name="gebruikersnaam" id="gebruikersnaam" autocomplete="on">
</li><li>
<label for="paswoord">Paswoord</label>
<input type="password" name="paswoord" id="paswoord">
</li><li>
<input type="submit" value="OK" id="inloggen" name="inloggen" class="button">
<input type="reset" value="opnieuw" id="reset" name="reset" class="button">
</li>
<li>
<button type="button" class="helpbutton" title="handleiding wijzigen paswoord">?</button><a class="standaard" href="">wachtwoord vergeten</a>
</li>
</ol>
</form>
</section>
</body>
</html>
