[IE7/CSS] Margin left probleem in IE

[4of9]

Hallo,

Ik heb een probleempje met IE7 dat jullie misschien wel kennen.

Ik heb een formpje

HTML:

<div class="formholder">
    <div class="label">Label:<span class="errorMsg">Vul uw naam in</span></div>
    <input type="text"  />
    <div class="label">Label:</div>
    <input type="text"  />
    <div class="label">Label:</div>
    <input type="text"  />
    <div class="label">Label:</div>
    <input type="text" />
    <div class="label">Label:</div>
    <input type="text"  />
    <div class="label">Label1:</div>
    <textarea></textarea>
    <input type="submit" class="button" value="Verstuur" />
</div>

en de volgende css:

Cascading Stylesheet:

/* forms */

.formholder {
    width: 250px;
    float: left;
    border: 1px solid #000;
        margin-left: 100px;

}

.label {
    width: 160px;
    padding-top: 5px;
    display: block;
    float: left;
    text-align: left;
}

.errorMsg
{
    color: Red;
    font-size: 10px;
    margin-left: 10px;
}

input {
    width: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
    border: 1px solid #000;
}

textarea {
    width: 200px;
    height: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #000;
    float: left;
}

.button
{
    margin-top: 5px;
    width: 75px;    
}

en in firefox doet dit precies wat ik wil.
Echter in IE7 springen de input velden ook nog eens 100 pixels naar rechts (die pakken ook een margin-left van 100px)

Kent iemand dit probleem? Ik dacht eerst aan de dubbel margin bug, maar een display inline werkt niet dus misschien is het iets anders?

[Verwijderd]

Ik zal als eerst ook bij div.formholder display: block; gebruiken en dan bij div.label margin: 0px;. Ik heb hier geen IE7, dus kan het niet testen, maar het lijkt erop dat div.layer de margin van de div buiten hem overneemt.

[4of9]

De labels displayen goed alleen de formtags niet.

Het is al opgelost door om alle input velden divjes te zetten.
Lijkt me niet de beste oplossing maar het werkt nu wel.

Kent iemand dit probleem (ik ben er namlijk wel benieuwd naar hoe deze bug heet)

[Verwijderd]

4of9 schreef op dinsdag 19 december 2006 @ 14:55:
De labels displayen goed alleen de formtags niet.

Het is al opgelost door om alle input velden divjes te zetten.
Lijkt me niet de beste oplossing maar het werkt nu wel.

Kent iemand dit probleem (ik ben er namlijk wel benieuwd naar hoe deze bug heet)

En dit dan?

Cascading Stylesheet:

.formholder *
{
    margin: 0;
}

[4of9]

Nee dat werkt ook niet. Dan heb ik hetzelfde probleem.
De divjes zijn voor nu even de beste oplossing denk ik.

[Bzam]

waar is de form-tag heen?

[4of9]

Die staat in mijn pagina, dit is namelijk een .NET usercontrol.