nicht angemeldet
Hallo zusammen!
Ich kämpfe mit CSS und DIVs und bekomme einfach nicht das was ich möchte.
PROBLEMSTELLUNG:
Ich habe eine Tabelle die mittig auf der Seite ist. Diese Tabelle besteht aus 2 Zeilen und 2 Spalten.
In einer dieser Zellen möchte ich eine DIV anzeigen, die über dem Zelleninhalt liegt. Soweit tut es ja mit meinem Beispiel schon. Die DIV sollte mittig in der Zelle positioniert sein und das bekomme ich nicht hin.
Ist das denn mit CSS überhaupt möglich?? Ist es überhaupt so gedacht, das man so vorgeht oder ist das total weg von einem sinnvollen Einsatz??
Ich möchte einfach mit einer DIV den Inhalt einer Tabellenzelle überlagern. Ich würde das alles gerne ohne Javascript lösen.
Hier der Quelltext der Testseite, mit der ich die ganze Zeit rumprobiere und die auch die oben beschriebene Situation zeigt.
VIELEN DANK SCHON MAL!!!!
Markus
############################################################################
<html>
<head>
<title>Table-DIV-Test</title>
<style type="text/css">
td { font-family: arial; font-size: 14pt; }
div { background:cyan; border:solid 1px black; margin:2px; padding:5px; position:absolute; }
</style>
</head>
<body>
<center><br><br><br><br><br>
<table border="1" cellpadding="5" cellspacing="5">
<tr>
<td bgcolor="#ff0000">dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br></td>
<td bgcolor="#0000ff">dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br></td>
</tr>
<tr>
<td bgcolor="#808080">dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br></td>
<td bgcolor="#800080"><div>##zgasdfarewrewr<br>ghshhgfhd##</div>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br>dsadasdsadasdsadsadasd<br></td>
</tr>
</table>
</center>
</body>
</html>
############################################################################