Tim: <form> nimmt Platz ein obwohl nur hidden fields

Beitrag lesen

Guten Morgen zusammen,

habe folgenden Code (beispielhafter Auszug):
*****
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title>Test</title>
</head>

<body>
<div style="background-color: #f00;">
    <form name="search1" style="display: inline; margin: 0;" method="post" action="seite.html">
        <input type="hidden" name="aaa" value="1">
        <input type="hidden" name="bbb" value="2">
        <input type="hidden" name="ccc" value="3">
        <input type="hidden" name="ddd" value="4">
        <input type="hidden" name="eee" value="5">
        <input type="hidden" name="fff" value="6">
        <input type="hidden" name="ggg" value="7">
    </form>
 <button onclick="document.forms['vars'].unloadok.value=1;document.forms['search1'].submit();">Text1</button>
    <form name="search2" style="display: inline; margin: 0;" method="post" action="seite.html">
        <input type="hidden" name="aaa" value="1">
        <input type="hidden" name="bbb" value="2">
        <input type="hidden" name="ccc" value="3">
        <input type="hidden" name="ddd" value="4">
        <input type="hidden" name="eee" value="5">
        <input type="hidden" name="fff" value="6">
        <input type="hidden" name="ggg" value="7">
    </form>
 <button onclick="document.forms['vars'].unloadok.value=1;document.forms['search2'].submit();">Text2</button>
    <form name="search3" style="display: inline; margin: 0;" method="post" action="seite.html">
        <input type="hidden" name="aaa" value="1">
        <input type="hidden" name="bbb" value="2">
        <input type="hidden" name="ccc" value="3">
        <input type="hidden" name="ddd" value="4">
        <input type="hidden" name="eee" value="5">
        <input type="hidden" name="fff" value="6">
        <input type="hidden" name="ggg" value="7">
    </form>
 <button onclick="document.forms['vars'].unloadok.value=1;document.forms['search3'].submit();">Text3</button>
</div>
</body>
</html>
*****

Die Butttons sollten direkt nebeneinander stehen, aber im Internet Explorer (muss ich hier leider nutzen) gibt es große Abstände. Auch im Firefox gibt es Abstände, allerdings weniger groß als im IE.

Eine Lösung wäre noch, erst die Formulare und dann die Buttons zu schreiben, aber mir wäre das vom Programmieren (angegebener Code wird n-Mal dynamisch erzeugt) angenehmer, es wie dargestellt zu belassen.

Hat hier jemand einen Tipp?