Ausnahmsweise: Problem mit Firefox

Hallo zusammen,

ich bin etwas ratlos: habe auf der neuen Webseite für meine Fachschaft ein Mail-Formular eingebunden, welches ich von einer meiner anderen Seiten kopiert habe (mailformplus) und lediglich die Felder etwas umgestellt habe.

Auf der ersten Seite funktioniert es einwandfrei, aber auf der Fachschafts-Seite ist im Firefox zwischen Mailformular und Überschrift eine große Lücke - im Internet Explorer erstaunlicherweise nicht.

Ich bin wirklich ratlos - vielleicht könnte jemand mal einen Blick darauf werfen? Es geht um das Kontaktformular auf der Seite "Kontakt" (Menü links unten).

http://www.dietheologen.de

Hier mein CSS für das Formular:

#form1 { width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
      }
      
#form1 .formline { line-height: 1.8em;
                   clear: both; }
                   
#form1 .txarea { padding-bottom: 0.4em; }

#form1 .formtext { font-size: 0.8em;
                   width: 25%;
                   margin: 0;
                   padding: 0;
                   float: left;
                   font-family: arial, verdana, sans-serif;
                 }

#form1 .forminput { border-style: none;
                    font-size: 0.75em;
                    font-family: arial, verdana, sans-serif;
                  }
                 
#form1 .forminput input,select,textarea { border-width: 1px;
                                 border-style: solid;
                                 border-color: #b59c6d;
                               }
                               
#form1 .formsubmit { clear: both;
                     width: 100%;
                     padding-top: 1em;
                     text-align: center; }

       .formsubmit .submit { border-style: solid;
                             border-width: 1px;
                             border-color: #b59c6d;
                           }

Und so sieht das Formular aus:

<!-- ###TEMPLATE_FORM### begin
    shows formular field to be filled out
-->
<form id="form1" name="mailformular" method="post" action="index.php" enctype="multipart/form-data">
<input type="hidden" name="id" value="###PID###" />
<input type="hidden" name="submitted" value="1" />
<input type="hidden" name="L" value="0" />
###ERROR###

<div class="formline">
  <div class="formtext">Name:</div>
  <div class="forminput">###error_name###
     <input type="text" name="name" value="###value_name###" />
  </div>
</div>
<div class="formline">
  <div class="formtext">E-Mail:</div>
  <div class="forminput">###error_email###
     <input type="text" name="email" value="###value_email###" />
  </div>
</div>
<div class="formline">
  <div class="formtext">Telefon:</div>
  <div class="forminput">###error_telefon###
     <input type="text" name="telefon" value="###value_telefon###" />
  </div>
</div>

...jetzt noch mehr Felder und submit-Button.
<!-- ###TEMPLATE_FORM### end-->

Bin ratlos und dankbar für jeden Tip!
LG Sebastian.

Hallo Sebastian,

schrittweises löschen lässt vermuten, dass es an dem liegt:

#form1 .formline { line-height: 1.8em;
clear: both; }

lg georg

hi...

also das wird wahrscheinlich daran liegen, dass du dem input tag generell irgendwo eine höhe/font-size oder sowas zuordnest. das nimmt firefox dann auch für die hidden fields... sicher ists natürlich nicht das es daran liegt aber versuchen kannst du folgendes:

#form1 input[type="hidden"] {display:none;}

wenns dann nicht weg ist lags nicht daran... :-)

ausserdem wollte ich dir vorschlagen dein formular mal etwas zugänglicher zu machen. denn du hast da schon ne ziemliche div-suppe :-)

<form id="form1" name="mailformular" method="post" action="index.php" enctype="multipart/form-data">

 <fieldset>

  <input type="hidden" name="id" value="###PID###" />
  <input type="hidden" name="submitted" value="1" />
  <input type="hidden" name="L" value="0" />

  ###ERROR###

  <label for="name">Name:</label>
  ###error_name###
  <input type="text" name="name" value="###value_name###" id="name" />
  <br class="clear" />

  <label for="email">E-Mail:</label>
  ###error_email###
  <input type="text" name="email" value="###value_email###" id="email" />
  <br class="clear" />
  
  <label for="telefon">Telefon:</label>
  ###error_telefon###
     <input type="text" name="telefon" value="###value_telefon###" id="telefon" />
  <br class="clear" />

 </fieldset>

</form>

css dazu:

#form1 {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
}

#form1 fieldset {border:none;}

#form1 label {
        display:block;
        font-size: 0.8em;
        width: 25%;
        margin: 0;
        padding: 0;
        float: left;
        font-family: arial, verdana, sans-serif;
}

#form1 .forminput input,select,textarea {
        border: 1px solid #b59c6d;
        font-size: 0.75em;
        font-family: arial, verdana, sans-serif;
}

#form1 .clear {clear:both;}

u.s.w.