nicht angemeldet
Position von Select in Tabellenzelle
0 
MudGuard
Position von Select in Tabellenzelle
Hallo,
ich habe eine Tabelle mit mehreren Spalten. In einer Spalte ein Text und der folgenden ein Form mit Select.
Den Style des Selects habe ich mit margin-top: 18px angepasst.
Im IE sieht es auch ganz gut aus, nur im FF, der scheint den Style zu ignorieren.
Siehe auch den angegebenen Link.
Was mache ich falsch bzw. wie sollte es richtig sein?
Soll ich den Style Broserspezifisch setzen?
Gruß Andreas
-
Hi,
ich habe eine Tabelle mit mehreren Spalten. In einer Spalte ein Text und der folgenden ein Form mit Select.
Den Style des Selects habe ich mit margin-top: 18px angepasst.
Im IE sieht es auch ganz gut aus, nur im FF, der scheint den Style zu ignorieren.Nein, der FF ignoriert den Style nicht. Nimmt man ihn weg, ist das select genau 18 Pixel weiter oben positioniert als mit dem margin-top von 18px.
Du willst ja wohl eine vertikale Zentrierung des selects erreichen?
Dann sag doch den entsprechenden Tabellenzellen einfach, daß ihr Inhalt vertikal in der Mitte ausgerichtet werden soll.cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hallo,
Du willst ja wohl eine vertikale Zentrierung des selects erreichen?
Dann sag doch den entsprechenden Tabellenzellen einfach, daß ihr Inhalt vertikal in der Mitte ausgerichtet werden soll.Ja genau das.
Aber: Valign steht doch schon auf middle.jetzt habe ich den Style rausgenommen und es sieht im IE sch... aus.
Hier mal die komplette Tabellenzeile:<tr>
<td width="2"><img alt="" src="beige.gif" width="1" height="61" border="0"></td>
<td width="136" align="right" nowrap class="norm1" valign="middle">Galerie: </td>
<td align="left" width="200" valign="middle">
<?php
...
echo '
<form action="">
<select name="Auswahl" class="norm1" onChange="auswahl(this.form.Auswahl.options[this.form.Auswahl.options.selectedIndex].value)">';
...
echo '<option selected value="galerie.php?galerie='.$ID.'">'.$bezeichnung.'</option>';
...
echo '</select>
</form>';
}
?>
</td>
<td align="right" width="362" valign="middle">...td>
<td width="2">...</td>
</tr>Den PHP Code habe ich rausgekürzt.
Gruß Andreas
-
Hallo,
jetzt habe ich den Style rausgenommen und es sieht im IE sch... aus.
Hier mal die komplette Tabellenzeile:Bitte bei HTML-Problemen _nie_ PHP-Code sondern _immer_ den Code posten, der im Browser ankommt.
<td align="left" width="200" valign="middle">
<form action="">
<select name="Auswahl" class="norm1">
<option selected value="galerie.php?galerie=1">Werkverzeichnis</option>
<option value="galerie.php?galerie=2">Auftragsarbeiten</option>
</select>
</form>
</td>Das Problem ist, dass FORM ein Blocklevel-Element ist, welches unten einen voreingestellten margin-Wert hat. Das FORM-Element ist also höher, als das SELECT-Element. Setze also margin für das FORM-Element auf 0 oder setze die display-Eigenschaft für das FORM-Element auf inline.
viele Grüße
Axel
-
Hallo
Bitte bei HTML-Problemen _nie_ PHP-Code sondern _immer_ den Code posten, der im Browser ankommt.
Sorry, werde das nächste mal daran denken (hoffentlich).
Setze also margin für das FORM-Element auf 0 oder setze die display-Eigenschaft für das FORM-Element auf inline.
Ich habe beides gemacht. Hat prima funktioniert. Sowohl im IE als auch im FF, Perfekt.
Gruß und Danke,
Andreas
-
-
-