Form Tag in Zelle positionieren

Tschebetto

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.

HTML

<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>&nbsp;<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>

Alles anzeigen

das CSS dazu sieht so aus:

Code

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;
}

Alles anzeigen

Im IE 7siehts so aus:
[Blockierte Grafik: http://www.thomas.at/neu2/ie.jpg]

Im FF 6.0.2 so:
[Blockierte Grafik: http://www.thomas.at/neu2/ff.jpg]

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? valign="bottom" bringt nichts.
Danke!
LG
Stefan

Teron Gerofied

Der <form> Tag hat ein "natürliches" margin (oder padding, bin gerade nicht sicher...) im IE.

Folgendes sollte helfen (im CSS):

HTML

form {
  margin: 0;
  padding: 0;
}

PS: in XHTML 1.0 ist das ALT-Attribut in Bildern Pflicht, genau wie ACTION und METHOD im Form, selected muss einen Wert haben (selected="selected") und ich glaube auch border und valign sind deprecated...

Tschebetto

genau das wars! Vielen Dank!!
auch für die restlichen Hinweise!

LG

Teron Gerofied

Gerne doch War vor Jahren selber lange mit diesem Problem konfrontiert.

Aber bei solchen Sachen hilft folgende Vorgehensweise zur Fehlerfindung:

Grundwissen: FF zeigts richtig an, IE grundsätzlich falsch.
FF Zeigt das ganze in einer Zeile an, IE macht den Abstand unten - folglich liegt das Problem nicht in der vertikalen Positionierung (sonst wäre das beim FF ja auch notwendig gewesen) sondern in einem Abstand, der sich eingeschlichen hat... Da das Form-Element als einziges an der Spitze steht kann man daraus folgern, dass der Form Tag ein Problem macht So bin ich auf einiges draufgekommen

Tags