beginner_: asp.net und CSS

Beitrag lesen

Hallo,

habe ein Problem, ich habe eine Seite erstellt wo man Daten eingeben kann. Nun habe ich Probleme die Beschreibung des Eingabefeldes mit dem Eingabefeld auf die gleiche Höhe zu bringen (align). Im IE7 funktioniert es so halbwegs, Im FF gar nicht (spans sind weniger hoch als input). Im IE7 werden die Inputs rechts ausserhalb des div dargestellt, in dem sie eigentlich sein sollten. (sichtbar weil ich zum testen allen divs einen Rahmen gegeben habe). Es klafft also eine ziemlich grosse Lücke zwischen der Beschreibung des Einagbefeldes und des Feldes selbst.

    <div class="FloatLeft">  
        <span id="ctl00_MainContent_lblFirst" class="BlockLabel">First Name:</span>  
        <span id="ctl00_MainContent_lblLast" class="BlockLabel">Last Name:</span>  
    </div>  
  
    <div class="FloatLeft">  
        <input name="ctl00$MainContent$txtFirst" type="text" id="ctl00_MainContent_txtFirst" class="Block" />  
        <input name="ctl00$MainContent$txtLast" type="text" id="ctl00_MainContent_txtLast" class="Block" />  
    </div>
.FloatLeft  
{  
    float: left;  
    padding-right: 0.5em;  
}  
  
.Block  
{  
    display: block;  
    height: 1.5em;  
    min-width: 150px;  
    overflow: visible;  
}  
  
.BlockLabel  
{  
    display: block;  
    height: 1.75em;  
    min-width: 80px;  
    overflow: visible;  
}

ursprünglich hatte ich height: 20 px gemacht aber dann waren die spans auch im IE deutlich weniger hoch als die inputs, was doch extrem komisch ist, wenn ich die Höhe doch absolut eindeutig angebe.