myGully.com

myGully.com (https://mygully.com/index.php)
-   Webdesign (https://mygully.com/forumdisplay.php?f=415)
-   -   Formular Felder im iE verschoben (https://mygully.com/showthread.php?t=2278495)

Fallballa 11.04.11 14:14

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

Kamener 16.04.11 15:03

Mal abgesehen davon dass mir die Seite Super gefällt, sauber und übersichtlich ohne Schnickschnack und bunten Bildern, sieht bei mir im IE 8 und auch im FF alles sauber und gerade aus.
Grüße Kamener


Alle Zeitangaben in WEZ +1. Es ist jetzt 01:39 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.