Formular Felder im iE verschoben
Hallo zusammen,
ich habe gerade festgestellt, dass das Kontaktformular auf der Seite, an der ich gerade Sitze, im Internet Explorer (8 und 7) ein paar CSS-Fehler hat:
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
Die Input-Felder für die Andrede, Straße und Hausnummer werden im iE minimal verschoben, der Rest ist korrekt dargestellt - vielleicht sieht von euch einer, wo der Wurm ist:
Code:
#contact {
font-size:14px;
border-radius:10px;
padding:5px;
width:500px;
background:#CBDBFF;
margin:0 auto;
display:block;
}
input {
border-radius:5px;
width:320px;
margin:8px;
float:right;
display:block;
}
input.submit {
border-radius:0;
width:120px;
float:none;
border-radius:2px;
margin:8px;
}
label {
float:left;
margin:8px;
padding:5px 0 0 0;
}
textarea {
border-radius:5px;
margin:0px 8px 8px 8px;
resize:none;
float:left;
}
.title {
border-radius:5px;
width:95px;
margin:8px 8px 8px 95px;
float:left;
}
PHP-Code:
<div style="text-align:center; width=622px;">
<form id="contact" method="post">
<label for="title" class="label">
Andrede:
</label>
<select name="title" class="title" value="[[!+fi.title]]">
<option></option>
<option>Herr</option>
<option>Frau</option>
</select>
<br class="c_b" />
<label for="name" class="label">
Vorname*:
</label>
<input type="text" class="name" name="name" value="[[!+fi.name]]" />
<br class="c_b" />
<label for="lastname" class="label">
Nachname*:
</label>
<input type="text" class="lastname" name="lastname" value="[[!+fi.lastname]]" />
<br class="c_b" />
<label for="street" class="label">
Straße/Hausnummer:
</label>
<input type="number" class="number" name="number" value="[[!+fi.housenumber]]" style="width:25px"/>
<input type="text" class="street" name="street" value="[[!+fi.street]]" style="width:275px;" />
<br class="c_b" />
<label for="phone" class="label">
Telefon:
</label>
<input type="text" class="phone" name="phone" value="[[!+fi.phone]]" />
<br class="c_b" />
<label for="mobile" class="label">
Mobiltelefon
</label>
<input type="text" class="mobile" name="mobile" value="[[!+fi.mobile]]" />
<br class="c_b" />
<label for="Email" class="label">
E-Mail Adresse*:
</label>
<input type="email" class="email" name="email" value="[[!+fi.email]]" />
<br class="c_b" />
<label for="request" class="label">
Schreiben Sie hier ihre Anfrage*:
</label>
<br class="c_b" />
<textarea type="text" cols="56" rows="11" class="request" name="request" value="[[!+fi.request]]"></textarea>
<br class="c_b" />
<input type="submit" name="submit" class="submit" value="Absenden"/>
<br class="c_b" />
</form>
</div>
Schon mal vielen Dank im Voraus!
Gruß,
Fallballa
|