positionierung sprengt layout

[x_merlin_x]

Hallo zusammen,

ich habe schwierigkeiten mit der Positionierung von Elementen innerhalbe einer durch Tabellen erstellten Internetseite. Ich weis das das irgendwie murks ist in so ein Layout jetzt mit divs elemente zu positionieren, es geht jetzt aber auf die Schnelle leider nicht anderst.

Ein Suchfeld erhällt eine AJAX Suchhilfe welche die ersten Ergebnisse bereits beim Tippen liefert. Nun soll das Feld genau unter dem input feld sein. Problem ist, dass die Seite 800px center ist. Position:absolut geht darum nicht.
Wenn ich nun aber relative nehme, dann verschiebt sich das Layout der Seite.

Hat jemand eine Idee wie ich das hinbiegen kann?

Vielen Dank für jeden Tipp!

<div id="search-results" style="position:absolute; left:380px; top:134px;  z-index:1; width:198px; border:1px solid #000; background : #fff; visibility : hidden; font-size:11px; "></div>

 

[threadi]

Wenn Du innerhalb eines HTML-Elementes ein anderes Element positionieren willst musst Du dem umgebenden Element "position: relative;" geben. In deinem Fall müsstest Du das wohl bei den Tabellenzellen machen. Ohne diese Angabe würde dein absolut positioniertes Element irgendwo außerhalb, vermutlich beim body-Tag "halt" suchen.

Im übrigen ist es wirklich eine schlechte Idee innerhalb von Tabellenzellen absolut zu positionieren (vom Einsatz von Tabellen mal ganz zu schweigen). Der IE unterstützt das imho nur begrenzt.

 

[x_merlin_x]

Vielen Dank für die Hilfe. Mit nem kleinen "hack" gehts nun:

<div style="position:relative;left:106px;top:83px;"><div id="search-results" style="position:absolute; z-index:1; width:198px; border:1px solid #000; background : #fff; visibility : hidden; font-size:11px; "></div></div>

Sicher nicht optimal, aber erfüllt den zweck erstmal.