Hi, ich hab ein kleines Problem mit CSS bzw. HTML:
Ich habe eine index.html mit diesem Code:
und die zugehörige style.css:
Kann mir jemand erklären warum das mit vertical-align nicht funtioniert (egal welcher Wert es ändert sich rein gar nichts)? Und ob es eine Eigenschaft gibt, mit der man versch. div's in der Mitte des Browser-Fensters zentriert? So wie z.B. text-align:center?
Danke im Vorraus, scarecrow
Ich habe eine index.html mit diesem Code:
Code:
<html>
<head>
<title>Welcome</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="back">
<div id="header">
test test test...
</div>
</div>
</body>
</html>
und die zugehörige style.css:
Code:
div#back
{
position: absolute;
top: 10px;
left: 200px;
height: 768px;
width: 680px;
z-index: 0;
overflow: auto;
background-color: #F0F0F0;
border-style: solid;
border-width: thin;
border-color: red;
}
div#header
{
position: absolute;
top: 0px;
left: 0px;
height: 100px;
width: 680px;
z-index: 1;
background-color: blue;
border-bottom-style: solid;
border-bottom-width: thin;
border-bottom-color: green;
font-family: "Verdana";
font-variant: small-caps;
font-size: 18pt;
vertical-align: middle;
text-align: center;
}
Kann mir jemand erklären warum das mit vertical-align nicht funtioniert (egal welcher Wert es ändert sich rein gar nichts)? Und ob es eine Eigenschaft gibt, mit der man versch. div's in der Mitte des Browser-Fensters zentriert? So wie z.B. text-align:center?
Danke im Vorraus, scarecrow