Seite 1 von 1

Absatz bei IE - bei Firefox nicht

Verfasst: 31.08.2005 01:52
von 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

Verfasst: 31.08.2005 08:27
von 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>

Verfasst: 31.08.2005 13:08
von vinci
heiderbimbam :)

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

vielen dank dir :) :D

Verfasst: 31.08.2005 13:56
von easygo
@ StarWolf3000

form hinter table setzen? entspricht nicht wc3 :P
vinci2 hat geschrieben:2. M. Firefox - korrekte Anzeige
Jo da kann man mal sehen, wie blöd (oder wie tolerant) der Firefox ist. :D
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.

:wink: easy

Verfasst: 31.08.2005 14:11
von StarWolf3000
@easygo: hast ja recht, normalerweise passiert mir so ein Schusselfehler eigentlich auch nicht :(
easygo hat geschrieben:form hinter table setzen? entspricht nicht wc3 :P
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

Verfasst: 31.08.2005 14:22
von 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;" >

Verfasst: 31.08.2005 14:49
von easygo
StarWolf3000 hat geschrieben: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...
StarWolf3000 hat geschrieben:trotzdem bleibt <form> ein Blockelement für den IE
Ok da sagt ja auch keiner was gegen, oder? :wink: easy