Hallo Community,
Hab schon ansatzweise Antwort auf meine Frage gefunden, dennoch ist mein Problem noch nicht gelöst: ich möchte mehrere Textfelder ohne Rahmen untereinander anzeigen lassen. (Es sieht also so aus, als handle es sich um ein einziges, großes Feld).
Dazu hilft auch folgender CSS-Code:
Code:
.list
{
width:120px;
border:1px solid #000000;
}
.list input
{
border: none;
width: 120px;
height: 14px;
background: #F2F2F2;
}
Ein DIV-Element der Klasse "list" umrahmt die Textfelder. Die Felder haben angepasste Breite und Höhe, sowie keinen Rahmen. Dies Funktioniert auch bei Firefox einwandfrei.
Beim IE erscheint aber das Feld in "Standardgröße", wobei das Eingabefeld weiß ist und die Differenz zur Standardgröße in der Hintergrundfarbe des übergeordneten DIV-Elementes.
Code:
margin: -1px 0px -1px 0px;
Diese Zeile behebt das Problem für den (nicht mehr vorhandenen) Rahmen, lässt sich aber scheinbar nicht auf die veränderte Höhe anwenden.
Soviel zu meinem Problem. Ich hoffe von euch weiß jemand Rat.
Mit freundlichen Grüßen,
Corin