hallo miteinander
wie kann ich div in div vertikal zentrieren?
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Voyenture</title>
<style type="text/css">
*
{
margin: 0;
padding: 0;
}
html, body
{
height:100%;
}
body
{
font:100.01%/1.4 sans-serif;
text-align:center; /* horizontal centering for IE Win quirks */
}
/*Box in the middle */
#distance
{
width:1px;
height:50%;
margin-bottom: -250px; /* half of container's height */
float:left;
}
#container
{
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height: 500px;
width: 865px;
clear: left;
border: 1px solid #111;
}
#container div#graph
{
float: right;
width: 50%;
margin-left: 2em;
/*background-color: #fc6;*/
}
.spacer
{
clear:both;
height:1px;
}
.myform
{
width: 400px;
padding: 14px;
}
#stylized
{
border: solid 2px #b7ddf2;
background: #ebf4fb;
}
</style>
</head>
<body>
<div id="distance"></div>
<div id="container">
<div id="graph">
<div id="stylized" class="myform">
Möchte vertikal zentriert werden....
</div>
</div>
</div>
</div>
</body>
</html
vielen dank....