MeierKurt: Inputfeld/Formular soll ganze Tabellenzelle ausfüllen,FF streikt

Beitrag lesen

Hallo,

zum Bearbeiten einer Datenbank möchte ich ein excel-ähnliches Layout erreichen. Dazu möchte ich, dass die einzeiligen Eingabebereiche (Jede Tabellenzelle enthält 1 Formular mit 1 einzeiligen Eingabebereich) genauso gross sind wie die jeweilige Tabellenzelle selber (Gründe: wegen Hintergrund und später onMouseOver etc.).

Leider bekomme ich es im FF nicht hin. Im IE funktionierts. Der Firefox lässt bei einigen scheinbar zufälligen, nicht allen Tabellenzellen über dem Formular noch einen schmalen Streifen (meist 1 px) frei, obwohl alle Tabellenzellen und Inputs/Forms die gleiche css-definition haben.

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?)

Ich habe auch schon versucht, die Formularhöhen den Tabellen-Zeilenhöhen nachträglich per Javascript anzupassen, aber die Anweisung
<element>.style.height = <tabellenzeile>.OffsetHeight;
klappt nicht richtig bei mir, die Zeilenhöhen werden dann alle zu gross.

Ich will nicht den ganzen Code posten um das Forum nicht zuzumüllen.
Folgende CSS-Definition verwende ich:

.tabelle
{
 position: absolute;
 left:   0px;
 top:    0px;
 table-layout:fixed;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-spacing:0px ;
 background-color:white;
 border-collapse: collapse;
 border-width:0px 0px 0px 0px;
}

.tabellenzellen
{

min-width: 390px;
  width: 390px;
  border: 1px solid gray;
  vertical-align:middle;
  padding: 0px 0px 0px 0px;
  border-spacing: 0px;
  background-color: white;

font-family:arial, sans-serif;
  font-size: 12px;
  color:black;
}

.formular
{
   border: 1px solid red;  /* Nur als Test um die Begrenzung zu sehen */
   width:  100%;
   min-height: 100%;
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border-spacing: 0px;
}

.inputfeld{
           min-width: 100%;
           width: 100%;
           height:100%;
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;
           border-spacing: 0px;
           border-width:0px;
           background-color:blue;  /* Als Test, normal white */
          }

Weiss jemand was ich falsch amche?

Besten Dank und Grüsse,
MeierKurt