home | tutorial | css | box zentrieren
soweit ich das noch im hinterkopf habe gibt es da eine w3c konforme möglichkeiten
eine css-box mittig am bildschirm zu zentrieren.
natürlich geht es bei vielen browsern auch mit der zwei tabellen methode, in
der die äußere tabelle height 100% hat. ist aber nicht html-konform. der doctype
muß natürlich noch entsprechend angepasst werden...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>box mittig</title>
<style type="text/css">
html, body {
height: 100%;
}
#zentrieren {
width: 300px;
height: 200px;
text-align: center;
border: 1px solid #000;
background-color: #cccccc;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -100px;
}
</style>
</head>
<body>
<div id="zentrieren">
<p>diese box wurde per css zentriert</p>
</div>
</body>
</html>