nicht angemeldet
Hallo liebe Leute,
ich hab da ein kleines Problem:
Ich habe zwei Drop Down Boxen die jeweils eine Bezeichung rechts von sich haben (beim ersten soll der Benutzer den Hersteller auswählen, beim zweiten das Modell).
Im Internet Explorer 6.0 liegen Bezeichnung und Drop Down Box auf einer Linie beim Firefox jedoch, ist die Drop Down Box nach oben verschoben.
Als Lösung für dieses Problem ist mir das Table Tag in den Sinn gekommen, jedoch wollte ich micht noch nach alternativ Lösungen umhören, falls die Tables das Problem nicht Lösen können.
Ich habe die Notation "position:absolute" verwendet, habe es aber auch schon mit padding bzw. mit margin probiert, nichts hat wirklich geholfen.
Anbei ist der Code - Auszug:
------------------------------------------------------------------
<div id="shop_eingabefeld">
<div style="position:absolute; left: 89px; top: 83px; width: 121px; height: 23px;">
<p style="font-size:18px; font-family:'Courier New', Courier, mono; ">Hersteller:</p>
</div>
<div style="position: absolute; left: 245px; top: 83px; height: 24px;">
<form name="nav_form" style="display: inline;">
<select name="site" size="1" onChange="javascript:DropChange()">
<option value="privatkunde_handyakkus.htm">Bitte wählen...
<option value="privatkunde_handyakkus_nokia.htm">Nokia
</select>
</form>
</div>
<div style="position:absolute; left: 88px; top: 150px; width: 121px; height: 23px;">
<p style="font-size:18px; font-family:'Courier New', Courier, mono; ">Modell:</p>
</div>
<div style="position:absolute; left: 242px; top: 150px; height: 24px;">
<form name="nav_form2" style="display: inline;">
<select name="site" size="1" onChange="javascript:DropChange()">
<option value="">Bitte Hersteller wählen...
</select>
</form>
</div>
</div>
---------------------------------------------------------------------
Vielen Dank für eure Vorschläge.