CSS-Bug im IE

[strauberry]

Hallo zusammen,

habe ein Formular mit <label>-Tags zur Beschriftung von Formularfeldern. Im FF und Safari sieht alles wunderbar aus, nur im IE 6 werden die Inhalte der <label>-Tags erst gezeigt, wenn ich den Text mit der Maus markiere... wo muss ich den Fehler suchen?

DANKE!

strauberry

[unset]

Im Quellcode. Wo wir grad dabei sein: Zeig mal her.

[jahlives]

wo muss ich den Fehler suchen?

Im Quelltext
Kannst du mal ein bisschen vom Form posten...

Gruss

tobi

[strauberry]

et viola (ich weiß, dass das falsch geschrieben ist Ist was für Bud Spencer Fans)

<div class="formBox">
    <h2>Allgemeine Beschreibung</h2>
    <div class="formSpacer">
        <ul>
            <li><label for="short_title">Kurztitel</label>
                           <input type="text" name="short_title" id="short_title" /></li>
            <li><label for="content">Problembeschreibung</label>
                            <textarea name="content" id="content"></textarea></li>
        </ul>
    </div>
    <h2>Eigenschaften</h2>
    <div class="formSpacer">
        <ul>
            <li><label for="categoryid">Kategorie</label>
                           <select name="categoryid" id="categoryid"></select></li>
            <li><label for="priorityid">Pirorit&auml;t</label>
                           <select name="priorityid" id="priorityid"></select></li>
            <li><label for="locationid">Standort</label>
                           <select name="locationid" id="locationid"></select></li>
            <li class="formDateInput">
                           <label for="required_date">Fertigstellung bis</label>
                           <input type="text" name="required_date" id="required_date">
                           <button type="button" disabled="disabled" onclick="return false" 
                                        id="trigger_required_date">...</button>
      <div style="clear:left; line-height:1px;">&nbsp;<!--ugly IE workaround --></div></li>
            <li><div id="file_upload"><label for="file">Datei</label>
                     <input type="file" name="file" id="file" value="" /></div></li>
        </ul>
    </div>
</div>

div.formBox {
   width: 300px;
}


div.formBox h2 {
    color:#9c9484;
    font-size:13px;
}

div.formBox ul {
    background-color:#f9f8f6;    
    list-style-type:none;
    padding:10px;
    padding-bottom:0px;
}

ul.innerBox {
    padding-top:0px!important;
    padding-right:0px!important;
}

div.formBox ul li label {
    display:block;
    color:#565656;
    font-size:11px;
}

div.formBox ul li input,textarea,select {
    margin-bottom:15px;
    width:100%;
    border:1px #e1dcd2 solid;
}

div.formBox ul li textarea {
    height:90px;
}

div.formSpacer {
    border-bottom:1px #e1dcd2 solid;
    border-top:1px #e1dcd2 solid;
    padding-top:2px;
    padding-bottom:2px;
    margin-bottom:10px;
}

li.formDateInput input {
    width:87%!important;
    float:left;
    margin-right:4px;
}
li.formDateInput button {
    margin-top:-2px;
    width:10%;
}

input.formCheckBox {
    width:auto!important;
    display:inline!important;
    margin-bottom:0!important;
}
label.formCheckBox {
    display:inline!important;
}
div.formInputSpacer {
    padding-bottom:15px;
}

.form_error {
    color:#565656;
}

div.clear 
{
    clear: both;
} 

[jahlives]

Ohne CSS funzt es wie gewünscht. Mit CSS nicht so ganz

Gruss

tobi

[strauberry]

Alles klar, vielen Dank! Hab jetzt paar CSS-Elemente rausgenommen und es geht. Ich weiß aber nicht, an welchem es jetzt wirklich lag. Ich nehme mal an am float