Dave: Zentrierungsproblem mit Safari-Engine

Beitrag lesen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
 "http://www.w3.org/TR/html4/loose.dtd">  
  
<html>  
<head>  
<style>  
html, body {  
 width: 100%;  
 height: 100%;  
 padding: 0;  
 margin: 0;  
}  
#centhelp {  
 width: 1px;  
 height: 50%;  
 margin-bottom: -20%;  
 float: left;  
}  
#block {  
 width: 80%;  
 margin: 0 auto;  
 clear: left;  
 border: 1px solid black;  
}  
</style>  
</head>  
<body>  
<div id="centhelp"></div>  
<div id="block"><img src="blanko.jpg" style="width: 100%;"></div>  
</body>  
</html>

Ich habe es nun so in den Griff bekommen. Allerdings sind mit die "margin-bottom: -20%" in #centhelp noch nicht ganz schlüssig, die ich durch probieren herausgefunden habe. Normalerweise sollte dort die Hälfte der Höhe des zu zentrierenden Elements stehen.