Dropdown in der Zelle nicht unten
Tschebetto
- html
0 Gast0 Der Martin0 Gunnar Bittersmann
Hallo Leute,
ich hoffe ihr könnt mir helfen.
Ich habe eine einfache Tabelle (1 Zeile, 3 Spalten)
In der ersten Zelle ist reiner Text. In der 2 ist ein DropDown und in der 3. 3 Bilder.
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="contact">Design:</td>
<td valign="bottom"><form name="form">
<select name="link" onChange="window.location.href = document.form.link.options[document.form.link.selectedIndex].value;" class="Menue">
<option class="Menue0" selected value="#"> Bitte wählen </option>
<option class="Menue1" value="<?php echo $_SERVER['PHP_SELF']?>?style=slideshow"> schwarz </option>
<option class="Menue2" value="<?php echo $_SERVER['PHP_SELF']?>?style=slideshow2"> weiss </option>
</select>
</form>
</td>
<td> <img src="px/deutsch.jpg" width="14" height="10" /> <img src="px/britain.jpg" width="14" height="10" /> <img src="px/russland.jpg" width="14" height="10" /></td>
</tr>
</table>
das CSS dazu sieht so aus:
select.Menue{
font-family: Tahoma, Verdana;
font-size: 10px;
font-style: normal;
}
option.Menue0{
color:#FFFFFF;
background-color:#000000;
}
option.Menue1{
color:#FFFFFF;
background-color:#000000;
}
option.Menue2{
color:#000000;
background-color:#FFFFFF;
}
.contact {
font-family:Tahoma, Verdana;
font-size:10px;
color: #FFFFFF;
}
Im IE 7siehts so aus:
Im FF 6.0.2 so:
Hier mein Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Wie bekomme ich es hin, dass im IE das DropDown nicht on top ist?
Danke!
LG
Stefan
Wie bekomme ich es hin, dass im IE das DropDown nicht on top ist?
In der zweiten Spalte gibst du an <td valign="bottom"> und dann kommen einige Elemente, die beim IE einen unteren Rand und/oder ein unteres padding haben können.
Eventuell ist es auch nur ein Zeilenumbruch, den kannst du verhindern mit
<td valign="bottom" style='white-space:nowrap'>
Probiers mal aus.
Gast
Wie bekomme ich es hin, dass im IE das DropDown nicht on top ist?
In der zweiten Spalte gibst du an <td valign="bottom"> und dann kommen einige Elemente, die beim IE einen unteren Rand und/oder ein unteres padding haben können.
Eventuell ist es auch nur ein Zeilenumbruch, den kannst du verhindern mit
<td valign="bottom" style='white-space:nowrap'>Probiers mal aus.
Gast
Danke für deine Hilfe, leider hat sich nichts geändert.
Code sieht nun so aus:
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="contact">Design:</td>
<td valign="bottom" style='white-space:nowrap'><form name="form">
<select name="link" onChange="window.location.href = document.form.link.options[document.form.link.selectedIndex].value;" class="Menue">
<option class="Menue0" selected value="#"> Bitte wählen </option>
<option class="Menue1" value="<?php echo $_SERVER['PHP_SELF']?>?style=slideshow"> schwarz </option>
<option class="Menue2" value="<?php echo $_SERVER['PHP_SELF']?>?style=slideshow2"> weiss </option>
</select>
</form>
</td>
<td> <img src="px/deutsch.jpg" width="14" height="10" /> <img src="px/britain.jpg" width="14" height="10" /> <img src="px/russland.jpg" width="14" height="10" />
</td>
</tr>
</table>
Hi,
<td valign="bottom"><form name="form">
<select name="link" onChange="window.location.href = document.form.link.options[document.form.link.selectedIndex].value;" class="Menue">
der Eventhandler heißt onchange, nicht onChange.
Warum regelst du die vertikale Ausrichtung eigentlich im HTML, und nicht im Stylesheet?
<option class="Menue0" selected value="#"> Bitte wählen </option>
<option class="Menue1" value="<?php echo $_SERVER['PHP_SELF']?>?style=slideshow"> schwarz </option>
<option class="Menue2" value="<?php echo $_SERVER['PHP_SELF']?>?style=slideshow2"> weiss </option>
</select>
</form>
</td>
Im IE 7siehts so aus:
Hast du mal überprüft, ob der IE im Browser-Stylesheet ein margin-bottom oder padding-bottom für form vorsieht? Etwa, indem du probehalber beides auf 0 setzt?
Ciao,
Martin
@@Tschebetto:
nuqneH
Im FF 6.0.2 so:
Update verpasst?
Was symbolisieren eigentlich die Fähnchen?
Qapla'