Malcolm Beck´s: Inputfeld/Formular soll ganze Tabellenzelle ausfüllen,FF streikt

Beitrag lesen

hi,

Dazu möchte ich, dass die einzeiligen Eingabebereiche ... genauso gross sind wie die jeweilige Tabellenzelle selber

Deine Tabelle ist durch das Absolute positionieren aus dem Textfluss und hat keine feste Höhe; das Formular soll 100% hoch sein, nur, 100% von was?

Neben dem Eingabebereich sind in jedem Formular in der Tabellenzelle noch 2 hidden-inputs definiert,  bei denen ich davon ausgehe, dass sie keinen Platz brauchen. (Richtig?)

Um White-space Probleme auszuschliessen, könntest du diese in einer Zeile unterbringen.
<input text/><input hidden/><input hidden/>

<element>.style.height = <tabellenzeile>.OffsetHeight;
klappt nicht richtig bei mir, die Zeilenhöhen werden dann alle zu gross.

Weil die umschliessende Tabelle keine Höhe hat, an der sich deine gesetzten Werte orientieren können.

» .tabelle  

> {  
>  position: absolute;  
>  left:   0px;  /* 0 ist 0; ob 0px oder 0% macht da keinen Unterschied */  
>  top:    0px;  
>  margin: 0px 0px 0px 0px;  /* hier genügt ein einfaches „0“, um den gleichen Effekt zu erzielen */  
>  padding: 0px 0px 0px 0px;  
> }  
> .formular  
> {  
>    min-height: 100%;  
>    height: 100%;             /* 100% von was? */  
> }  
> .inputfeld{  
>            min-width: 100%;  
>            width: 100%;  
>            height:100%;             /* auch hier, 100% von was? */  
>           }

Versuch doch erstmal, dem Formular eine Feste höhe zu geben, und teste, ob sich das input-Element wie gewünscht verhält, wenn ja, kannst du zur Tabelle übergehen.

mfg