Problem bei der Ausrichtung von Formularfeldern (FF/IE)

[Seether]

Keine Ahnung ob es hier reingehört oder besser ins Style-Forum...


Es gibt eine Kleiningkeit, die ich einfach nicht in den Griff bekomme und die mich verrückt macht. Schaut euch bitte mal die Seite hier an:
http://muscle-forum.de

Und zwar einmal mit dem Firefox und dann mit dem IE. Es geht um die 2 Login-Felder ganz oben. Beim Firefox sind sie richtig ausgerichtet, aber beim IE stimmt es nicht. Habe schon lange nach dem Fehler gesucht und verschiedene Ausrichtungen probiert ("bottom", "baseline"), aber es scheint einfach nicht zu klappen.

Kann mir jemand sagen was ich falsch mache? Was muss ich da ändern?

Hier ein Auszug aus dem Quelltext:

Code: Alles auswählen

<table width="808" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td  height="74"  valign="top" align="center" background="grafiken/obere-kante-weiss.gif" >
     <table width="100%"  border="0" cellspacing="0" cellpadding="0">

      <tr valign="bottom">
       <td width="35"  height="40">&nbsp;</td>
       <td width="50"  height="40" align="right" class="small1"><a href="index.php?kategorie=Impressum" class="link2">Impressum</a></td>
       <td width="20"  height="40" align="center"><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="30"  height="40"  class="small1"><a href="index.php?kategorie=Kontakt" class="link2">Kontakt</a></td>
       <td width="20"  height="40" align="center" ><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="20"  height="40" class="small1"><a href="index.php " class="link2">Home</a></td>

       <td width="20"  height="40" align="center"  class="small1"><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="120" height="40" class="small1">Du bist nicht eingeloggt</td>
       <td width="20"  height="40" align="center"  class="g11"><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="250" valign="bottom" height="40" align="center"  class="g11">
       <form action="login.php" method="post" ><input type="hidden" name="login" value="true">
        <input name="username" type="text" value="Username" size="12">:
        <input name="password" type="password" value="Passwort" size="12">
        <input type="submit"  value="Ok">
        </form></td>

       <td height="40">&nbsp;</td>
      </tr>
     </table>
    </td>
   </tr>

S.

[Seether]

Wäre super nett wenn sich das Problem mal jemand anschauen würde. Ich bekomme es einfach nicht hin


S.

[Sebastian R.]

Vielleicht stört das <form> bzw. </form> in dem <td>. Mach die mal ganz nach oben (das <form>) und das </form> ganz nach unten.

Sprich:

Code: Alles auswählen

<form action="login.php" method="post" >
<table width="808" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td  height="74"  valign="top" align="center" background="grafiken/obere-kante-weiss.gif" >
     <table width="100%"  border="0" cellspacing="0" cellpadding="0">

      <tr valign="bottom">
       <td width="35"  height="40">&nbsp;</td>
       <td width="50"  height="40" align="right" class="small1"><a href="index.php?kategorie=Impressum" class="link2">Impressum</a></td>
       <td width="20"  height="40" align="center"><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="30"  height="40"  class="small1"><a href="index.php?kategorie=Kontakt" class="link2">Kontakt</a></td>
       <td width="20"  height="40" align="center" ><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="20"  height="40" class="small1"><a href="index.php " class="link2">Home</a></td>

       <td width="20"  height="40" align="center"  class="small1"><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="120" height="40" class="small1">Du bist nicht eingeloggt</td>
       <td width="20"  height="40" align="center"  class="g11"><img src="grafiken/linie1.gif" width="1" height="30"></td>
       <td width="250" valign="bottom" height="40" align="center"  class="g11">
       <input type="hidden" name="login" value="true">
        <input name="username" type="text" value="Username" size="12">:
        <input name="password" type="password" value="Passwort" size="12">
        <input type="submit"  value="Ok">
        </td>

       <td height="40">&nbsp;</td>
      </tr>
     </table>
    </td>
   </tr>
</form>

[Seether]

Besten Dank!!
Genau das war es. Auf sowas muss man erst mal kommen


S.