kleines Suchfeld relative, großes Ergebnisfeld absolute

[Stefan]

Hallo zusammen,

ich habe ein Problem, das relativ schwer zu erklären ist...

ich habe eine Such-Input Box "Searchform".
In diese Box habe ich ein Div (Ergebnisbox), die per position:absolute positioniert wird.
In dieser Box sollen wiederum 2 Divs/Spalten sein ("spalte1", "spalte2"), die nebeneinander gefloatet sind.

Nun ist das Searchinput  leider ca. 100px breit und dadurch werden die 2 Divs untereinander angezeigt, wenn die Ergebnisbox keine fixe width hat.

Hat hier jemand eine Idee, wie man die Divs ohne eine feste Größe in der Ergebnisbox zu vergeben, nebeneinander anzeigen kann?

Das Problem ist, dass "spalte2" manchmal ausgeblendet wird und dadurch die Größe der Ergebnisbox nicht fix vergeben werden kann....

stark vereinfachtes Beispiel:

  
<div id="Searchform" style="position:relative;">  
    <input id="search" style="width:90px">  
    <div id="Ergebnisbox" style="position:absolute;">  
	<div style="width:500px;float:left;" id="spalte1"></div>  
	<div style="width:300px;float:left;" id="spalte2"></div>  
    </div>  
</div>  

Ich hoffe ich habe es gut genug erklärt und jemand hier hat eine Idee!!!
Danke im Voraus

[Matthias Apsel]

Om nah hoo pez nyeetz, Stefan!

ich habe eine Such-Input Box "Searchform".
In diese Box habe ich ein Div (Ergebnisbox), die per position:absolute positioniert wird.
In dieser Box sollen wiederum 2 Divs/Spalten sein ("spalte1", "spalte2"), die nebeneinander gefloatet sind.

Warum brauchst du zwei Spalten? Was soll in die beiden Spalten rein? Es gibt bestimmt geeignetere Elemente als div. Wie soll es aussehen?

stark vereinfachtes Beispiel:

<div id="Searchform" style="position:relative;">
    <input id="search" style="width:90px">
    <div id="Ergebnisbox" style="position:absolute;">
<div style="width:500px;float:left;" id="spalte1"></div>
<div style="width:300px;float:left;" id="spalte2"></div>
    </div>
</div>

  
stark vereinfachte Idee  
~~~html
<div id="Searchform">  
   <input>  
   <ul id="Ergebnisse">  
      <li>1. Ergebnis <small>Erläuterung</small></li>  
   </ul>  
</div>

Matthias