Absatz bei IE - bei Firefox nicht

[vinci]

Hi, hab ein Problem mit dem einbauen des Log-Ins auf der Index Site ...

Bilder sagen mehr:

1. IE - falsche Anzeige
[ externes Bild ]

2. M. Firefox - korrekte Anzeige
[ externes Bild ]


Code:

Code: Alles auswählen

<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="0" cellspacing="1" border="0">
   <tr>	
        <td  align="center" ><span class="gensmall"><input class="post"
               type="text" name="username" size="10">
        </td>
        <td align="center"><span class="gensmall"><input class="post"
              type="password" name="password" size="10"
              maxlength="32">
        <td>
        <td align="center"><input type="submit" class="mainoption"
              name="login" value="{L_LOGIN}">
        </td>
   </tr>
</table>
</form>

jemand ne idee, wie ich das lösen könnte?
In erster Linie soll es im IE korrekt angezeigt werden

ich hoffe ihr könnt mir helfen

dankeschön

[StarWolf3000]

das Problem liegt am <form>-Tag
im IE ist es ein sog. Blockelement, d.h. vor <form> bzw. nach </form> macht der IE automatisch einen Absatz

leider lässt sich das nicht vermeiden

du könntest höchstens versuchen, aus:

Code: Alles auswählen

<form method="post" action="{S_LOGIN_ACTION}"> 
<table width="100%" cellpadding="0" cellspacing="1" border="0"> 
   <tr>    
        <td  align="center" ><span class="gensmall"><input class="post" 
               type="text" name="username" size="10"> 
        </td> 
        <td align="center"><span class="gensmall"><input class="post" 
              type="password" name="password" size="10" 
              maxlength="32"> 
        <td> 
        <td align="center"><input type="submit" class="mainoption" 
              name="login" value="{L_LOGIN}"> 
        </td> 
   </tr> 
</table> 
</form>

das hier zu machen:

Code: Alles auswählen

<table width="100%" cellpadding="0" cellspacing="1" border="0">
<form method="post" action="{S_LOGIN_ACTION}"> 
   <tr>    
        <td  align="center" ><span class="gensmall"><input class="post" 
               type="text" name="username" size="10"> 
        </td> 
        <td align="center"><span class="gensmall"><input class="post" 
              type="password" name="password" size="10" 
              maxlength="32"> 
        <td> 
        <td align="center"><input type="submit" class="mainoption" 
              name="login" value="{L_LOGIN}"> 
        </td> 
   </tr> 
</form>
</table>

[vinci]

heiderbimbam

es hat geklappt. hatte gedacht, dass ich das schon getestet hatte .. aber scheinbar doch nich

vielen dank dir

[easygo]

@ StarWolf3000

form hinter table setzen? entspricht nicht wc3

2. M. Firefox - korrekte Anzeige

Jo da kann man mal sehen, wie blöd (oder wie tolerant) der Firefox ist.
Vielleicht fällt dir dein Fehler auf, wenn ich ihn signalrot markiere...

<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="0" cellspacing="1" border="0">
<tr>
<td align="center"><span class="gensmall"><input class="post"
type="text" name="username" size="10">
</td>
<td align="center"><span class="gensmall"><input class="post"
type="password" name="password" size="10"
maxlength="32">
<td>
<td align="center"><input type="submit" class="mainoption"
name="login" value="{L_LOGIN}">
</td>
</tr>
</table>
</form>

wenn net, mach einfach ein </td> draus.

easy

[StarWolf3000]

@easygo: hast ja recht, normalerweise passiert mir so ein Schusselfehler eigentlich auch nicht

form hinter table setzen? entspricht nicht wc3

nur etwa 2-3% (wenn überhaupt so viel) aller Webseiten entsprechen der HTML 4.01-Spezifikation

trotzdem bleibt <form> ein Blockelement für den IE

[kellanved]

Man kann via CSS den Absatz beseitigen. Das ist zwar geschummelt, funktioniert aber bei neueren Browsern.

Code: Alles auswählen

<form method="post" action="{S_LOGIN_ACTION}" style="margin-bottom:0;" >

[easygo]

nur etwa 2-3% (wenn überhaupt so viel) aller Webseiten entsprechen der HTML 4.01-Spezifikation

Hmja... mag sein, aber hätt ich kleinlich sein wollen, dann würd ich sagen:

auch input tags gehören geschlossen durch simples "/>"

So ein falsch gewählter Platz für form tags wiegt aber schon schwerer...

trotzdem bleibt <form> ein Blockelement für den IE

Ok da sagt ja auch keiner was gegen, oder? easy