theCSSbeginnerer: Breite eines Textfeldes

Beitrag lesen

Darstellung

div#MiddleRow {  
	margin-left: 30px;  
	margin-right: 30px;  
	max-width: 900px;  
}  
	  
div#MiddleRow div#ChatBox {  
	background: #A8D28F;  
	width: auto;  
	min-height: 45px;  
	margin: 0 auto;  
	padding: 2px 2px 0px 2px;  
	border: dotted 2px #7DBC57;  
	margin-bottom: 5px;  
}  
  
	div#MiddleRow div#ChatBox div#From {  
		padding: 4px 0px 0px 0px;  
		float: left;  
		width: 120px;  
		height: 100%;  
		min-height: 43px;  
		text-align: center;  
	}  
	  
		div#MiddleRow div#ChatBox div#From div#Name {  
			font: bold 14px Verdana, Arial, Helvetica, sans-serif;  
		}  
  
		div#MiddleRow div#ChatBox div#From div#Date {  
			font: bold 9px Verdana, Arial, Helvetica, sans-serif;  
		}  
		  
	div#MiddleRow div#ChatBox div#Message {  
		margin-left: 125px;  
		padding: 0px 0px 0px 2px;  
		width: auto;  
		min-height: 43px;  
		height: auto;  
		left: 125px;  
		font: 12px Verdana, Arial, Helvetica, sans-serif;  
		border-left: dotted 2px #7DBC57  
	}  
  
	div#MiddleRow div#ChatBox div#Message form#sbform  {  
		width: 100%;  
		position: relative;  
	}  
	  
	div#MiddleRow div#ChatBox div#Message form#sbform input#addtext {  
		background: #EDF7E7;  
		border: solid 2px #7DBC57;  
		width: 100%;  
		margin: 11px 52px 0px 5px;  
		display: block;  
		position: absolute;  
	}  
	  
	div#MiddleRow div#ChatBox div#Message form#sbform input#submit {  
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;  
		background: #EDF7E7;  
		border: solid 2px #7DBC57;  
		width: 42px;  
		height: 42px;  
		position: absolute;  
		right: 5px;  
		top: 0px;  
	}

So siehts zur Zeit aus. Trotz margin: 11px 52px 0px 5px; nimmt das Textfeld 100% der Formbreite ein (und ist um 5px nach Rechts verschoben).

Ich schaffs nicht.

MfG