nicht angemeldet
Hallo domi - hallo Forum,
Ich habe jetz drei Div-Container. 1 geht über die gesammte Breite, 2 und 3 sind links und recht. Im linken und rechten ist text. domi will diesen vertical mittig haben. Das "vertical-align:middle" CSS-Element zeigt keine Wirkung. Und das obwohl ich es in die Div wie auch in die P-Class hineingetan habe. Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>vertical-align</title>
<style type="text/css">
#links {
position:absolute;
z-index:3;
top: 0%;
left: 0%;
width:422px;
height: 152px;
background-color: #C0C0C0;
vertical-align:middle;
}
p.a1a {
font-weight:bold;
text-align:left;
vertical-align:middle;
}
#rechts {
position:absolute;
z-index:2;
top: 0%;
left: 50%;
width:422px;
height: 152px;
background-color: #008000;
vertical-align:middle;
}
#alles {
position:absolute;
z-index:1;
top:0%;
width:100%;
height: 152px;
background-color: #008000;
}
p.a2a {
font-weight:bold;
text-align:left;
vertical-align:middle;
}
</style>
</head>
<body>
<div id="links">
<p class="a1a">Das ist die linke Seite</p>
</div>
<div id="rechts">
<p class="a2a">Und das die Rechts</p>
</div>
<div id="alles">
</div>
</body>
</html>
Irgend welche Vorschläge, wie der Text doch in die Mitte der Div-Box wandert?
Grüsse gary
PS: Sorry domi, es gibt Tage, da klappt einfach nix :-(
Aber nicht aufgeben :-)
Der Martin