Div in Div zentrieren

[Jens Heinerl]

مرحبا

Einfacher wäre, den gewünschten Inhalt lediglich in die Tabellenzelle einzufügen

Ich möchte halt, dass der Inhalt (Listitems) nicht in der Tabelle selbst dargestellt wird, sondern im Prinzip als Popup darüberliegt (wie bei einer Combobox)

Der Inhalt und dessen aussehen sind 2 Unterschiedliche dinge. Inhaltlich gesehen gehört die Liste in die Tabellenzelle, von wo ich auch die Auswahl treffe. Die Liste ist ja bestandteil der Auswahl, die ich treffe, somit gehört sie sowohl Optisch, als auch Technisch in die gleiche Tabellenzelle. Wenn das gegeben ist, kannst du sie aussehen lassen, wie du willst.

Aber auch Technisch hast du da ein Paar Fehler drin. Es sollte maximal eine Liste zu sehen sein, wenn man auf eine Auswahl klickt. Das heisst, bei jeder neuen Auswahl müssen alle anderen Listen wieder verschwinden.

mfg

ok, ich glaub ich versteh was du meinst.

D.h. pro Liste würde das ungefähr so im html Code aussehen. Alle sind zu Beginn auf display:none gesetzt und werden über das Javascript beim Click-Event angezeigt.

  
<td>  
<div class="cdiv" onclick="CreateDiv(this, 'cbox_ul1');">  
<div class="cbild">  
</div>  
<div class="ctext">  
<span class="as_cui_t">Auswahl:</span>  
<ul style="display: none;" id="cbox_ul1" class="cbox_ul">  
<li>first item</li>  
<li>second item</li>  
<li>third item</li>  
<li>four item</li>  
</ul>  
</div>  
</div>  
</td>  

  
function CreateDiv(obj, list) {  
  
  
    var dropbox = document.getElementById(list);  
    dropbox.style.display = 'block';  
}  
  

Was mir allerdings noch nicht klar ist, wie ich es mittels CSS realisiere, dass die Liste nicht in der jeweiligen Tabellenzelle angezeigt wird, sondern als Popup über die darunterliegenden Tabellenzellen hinweg?

Zuvor hab ich das über Javascript realisiert (die Position errechnet und die Liste unter das "cdiv" gesetzt), aber dann hätte ich Inhalt und Aussehen wieder nicht getrennt. Kannst du mir hierzu noch einen Tipp geben?