Zeilenumbruch nach dem <form>-Tag in IE

[Snucky]

Hallo,

In einer Tabellenzeile werden neben dem Titel Buttons für Funktionen angezeigt, die diesen bearbeiten können. Im Firefox sieht das sehr schön aus, aber im Internet Explorer schieben sich hässliche Zeilenumbrüche ein.

Weiß jemand, wie sich diese unterbinden lassen?

Danke!

[Tom]

Hello,

Weiß jemand, wie sich diese unterbinden lassen?

Schau mal nach, ob das <form>-Element ein Inline- oder ein Blockelement ist und wie man das eine ins andere umwandeln kann. Beides findest Du in SelfHTML unter "Elementreferenz"

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Snucky]

Hi!

Das Problem habe ich gelöst, indem ich einfach die Form-tags vor die spaltentags gesetzt habe. Dann gings ;-)

[Tom]

Hello,

Das Problem habe ich gelöst, indem ich einfach die Form-tags vor die spaltentags gesetzt habe. Dann gings ;-)

Wie meinst Du das jetzt?
Ist die HTML jetzt noch valide?

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Snucky]

Wie meinst Du das jetzt?

Sieht ungefähr so aus:

<tr>
  <form ....>
  <td>
    -Inputs-
  </td>
  </form>
</tr>

Ist die HTML jetzt noch valide?

Inwiefern?

[FrankieB]

Hallo Schnucky,

Sieht ungefähr so aus:

<tr>
  <form ....>
  <td>
    -Inputs-
  </td>
  </form>
</tr>

Ist die HTML jetzt noch valide?
Inwiefern?

genauso dachte Tom wohl, daß Du es umgesetzt hast ,-)

Nein, das ist nicht valide.

So könntest Du es aber machen:

<form ....>
<table>

<tr>
  <td>
    -Inputs-
  </td>
</tr>

</table>
</form>

Grüsse
Frankie

[Tom]

Hello,

Sieht ungefähr so aus:

<tr>
  <form ....>
  <td>
    -Inputs-
  </td>
  </form>
</tr>

Ist die HTML jetzt noch valide?
Inwiefern?

genauso dachte Tom wohl, daß Du es umgesetzt hast ,-)

Jau.

Nein, das ist nicht valide.

So könntest Du es aber machen:

<form ....>
<table>

<tr>
  <td>
    -Inputs-
  </td>
</tr>

</table>
</form>

Ich vermute mal, dass er mehrere Formulare in der Tabelle hat, vielleicht jedes in einer eigenen Zelle. Da das <form>-Element aber per default ein Blockelement ist, löst es in der Zelle immer noch einen Zeilenumbruch aus. Das ist ähnlich eklig, wie das Leerzeichen hinter einem <img> in manchen Browsern eine Lücke erzeugt...

Das Verhalten kann man mWn nur mittels CSS und umwandlung des <form>-Elementes in ein inline-Element erschlagen. Also z.B:

CSS-Definition:

.inline
{
  display:inline;
}

HTML:

<table>
  <tr>
   <td><form class="inline"....><input ...></form></td>
   <td><form class="inline"....><input ...></form></td>
   <td><form class="inline"....><input ...></form></td>
  </tr>

<tr>
   <td><form class="inline"....><input ...></form></td>
   <td><form class="inline"....><input ...></form></td>
   <td><form class="inline"....><input ...></form></td>
  </tr>
</table>

Außerdem könnte man natürlich prüfen, ob es nicht besser wäre, die unterschiedlichen Forms zu einem einzigen zusammen zu fassen, und eine kleine Konzeptänderung auf der Serverseite vorzunehmen ==> ein einziges zentrales Verteilscript für das Dokument.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Snucky]

Ja, so klappts auch! Vielen Dank!