nicht angemeldet
Dropdown in der Zelle nicht unten
0 0 
Der Martin
0 
Gunnar Bittersmann
Dropdown in der Zelle nicht unten
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--
Man soll den Tag nicht vor dem Abend loben.
Und den Mann nicht vor dem Morgen.
(alte Volksweisheit)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:( -
@@Tschebetto:
nuqneH
Im FF 6.0.2 so:
Update verpasst?
Was symbolisieren eigentlich die Fähnchen?
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)