formular per css will im ie nicht so...

alexf812 · 03.02.2006, 21:56

hallo,

also mein formular sieht im ie ohne die anweisung :

<br style="clear: left; line-height: 0;"/>

so aus, das die letzten beiden buttons nicht mehr in der begrenzung des formulars sind sondern etwas überlappen, im FF gehts jedoch. bekomm nur keine andere lösung hin....vielleicht weis jemand rat

Code:

form{
	background-color: #999999;
	padding: 10px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
}

input,select{ 
	float: left;
	display: block;
	margin: 4px;
	padding: 1px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	width: 200px;
	
}

label{
	width: 130px;
	float: left;
	text-align: right;
	padding: 8px;
	
}

br{
	clear: left;
}

.submit, .reset{
	border: 1px solid #660033;
	color: #660033;
	font-weight: bold;
}

<form>
...andere textfelder
<label for="jahr">Geburtsjahr:</label>
		<input type="text" name="jahr" id="jahr" />
		<br />
		
		<input type="submit" name="submit" class="submit" value="berechnen" />
		<input type="reset" name="reset" class="reset" value="Werte l&ouml;schen"/>
		<br />
		<br style="clear: left; line-height: 0;"/>
</form>

steffenk · 03.02.2006, 23:01

sry, kann ich nicht nachvollziehen, es sieht so aus wie es sein muss, ohne die Anweisung, die auch keinen Sinn macht.

links FF, rechts IE

alexf812 · 03.02.2006, 23:22

also bei mir gucken die buttons immer über die begrenzung...warum ist eigentlich der abstand der buttons im IE nach unten so unterschiedlich? hab doch nen padding angegben. bei mir sind im IE die buttons noch weiter unten über der begrenzung

alexf812 · 04.02.2006, 01:19

ich habe jetzt bei

Code:

input,select{ 
	float: left;
	display: block;
	margin: 4px;
	padding: 1px;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	width: 200px;
	
}

das hier rausgenommen:

float: left;
display: block;

und es geht so