nicht angemeldet
Hi domi,
Probier mal das:
<!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;
}
p.a1a {
font-weight:bold;
text-align:left;
}
#rechts {
position:absolute;
z-index:2;
top: 0%;
left: 50%;
width:422px;
height: 152px;
background-color: #008000;
}
#alles {
position:absolute;
z-index:1;
top:0%;
width:100%;
height: 152px;
background-color: #008000;
}
p.a2a {
font-weight:bold;
text-align:left;
}
</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>
Habe die Tabelle entfernt. #alles ist eine grüne Div-Box, die über die gesammte Breite geht (layer 1). #rechts ist eine grüne Div-Box, die von der mitte aus nach rechts verläuft und den Text "Und das die Rechte" enthält (layer 2). #links ist eine graue Div-Box, die vom linken Rand nach recht verläuft (layer 3).
Alle Boxen sind frei mit CSS einstellbar (jetzt übernehmen sie auch die Breitenangaben).
Ich denke (das heisst ich bin nicht sicher), dass eine Zweispaltige Tabelle nicht unterschiedliche Breiten in unterschiedlichen Zeilen annehmen kann, ohne das du jede Zelle einzel formatieren musst.
Desshalb würde ich es mit Div-Boxen realisieren. Aber wie bereits weiter oben im Post erwähnt - ich nix Profi...
Viele Grüsse
gary
Der Martin