Tooltip soll aus Flota raus und schweben?

[hawkmaster]

Hallo zusammen,

ich habe zwei Select Auswahlmenüs nebeneinander mit Hilfe von "float" platziert.
Zwischen dem ersten <select> und dem zweiten ist ein unsichtbares DIV
<div id="paperdeftooltip", das ein Tooltip anzeigen soll wenn auf das erste Select geklickt wird.
Soweit alles ok.
Wenn nun aber der Tooltip eingeblendet wird, schiebt sich dieser zwischen Select "lis_Paper" und dem zweiten.
Eigentlich klar weil ja die Klasse "tabs" mit "float:left" definiert wurde.

.printertabs div {
  float:left;
  width:15em;
  padding: 0.187em;

}

Wie könnte man es nun hinbekommen, dass dieser Tooltip praktisch neben dem ersten Select aber ÜBER dem zweiten ist, so das dieses nicht nach rechts verschoben wird?

---------------------------------------
<div class="tabs">
   <div>
 <label  for="warn_lis_Paper">Paper</label><br />
 <select name="lis_Paper" size="8" onchange="showcatalogue(this.form.lis_Paper.selectedIndex), onmouseout="hideTooltip();">
  <option id="lis_Paper_PTA" value="PTA"  >Automatic</option>
  <option id="lis_Paper_3Tray" value="3Tray"  > 3</option>
  <option id="lis_Paper_4Tray" value="4Tray"  >Large</option>
 </select>
 </div>
<div id="paperdeftooltip" style="display:none;clear:left;"></div>
<div>
 <label for="warn_sel_Option" >option</label><br />
 <select name="sel_Option" >
        <option id="sel_Option_yes" value="yes"  selected="selected">yes</option>
  <option id="sel_Option_No" value="No" >no</option>
 </select>
</div>
</div>

---------------------------------------

vielen Dank und viele Grüße
hawk

[Beat]

Wie könnte man es nun hinbekommen, dass dieser Tooltip praktisch neben dem ersten Select aber ÜBER dem zweiten ist, so das dieses nicht nach rechts verschoben wird?

Nimm
<label> Label <select /><div class=tooltip /></label>
Jetzt kannst du dein tooltip absolut positionieren relativ zu einem relativ positionierten <label>

mfg Beat

[hawkmaster]

Hallo beat,

<label> Label <select /><div class=tooltip /></label>
Jetzt kannst du dein tooltip absolut positionieren relativ zu einem relativ positionierten <label>

danke dir für deinen Vorschlag.
Gute Idee.

Ich habe bisher wenn möglich auf absolute Postionierungen verzichtet. WIe ist das denn eigentlich bei unterschiedlichen Auflösungen oder wenn man das Browserfenster verkleinert.
Verschiebt sich dann auch das Div?

vielen Dank und viele Grüße
hawk

[Beat]

Ich habe bisher wenn möglich auf absolute Postionierungen verzichtet. WIe ist das denn eigentlich bei unterschiedlichen Auflösungen oder wenn man das Browserfenster verkleinert.
Verschiebt sich dann auch das Div?

Kommt drauf an:
Wenn die den Tooltip mit right ausrichtest, dann ist die rechte Grenze des relative Parent massgebend.
Kommt also drauf an, wie flüssig dein bisheriger Code ist.
Du wirst also versuchen, den Tooltip eher oberhalb oder unterhalb der Select-Box statt neberhalb anzuzeigen.
Für eine Select-Box halt logischerweise oberhalb.

mfg Beat