✔ IE, Formularefelder und Abstand...

BenschM@ster · 10. August 2007

Tja mal wieder der IE.
Dieser Browser verdoppelt die Arbeit jeden Webdesigners...

Folgendes Problem. Bei einer Reihe von input Feldern ist der Abstand zwischen diesen beim Internet Explorer immer ein oder zwei Pixel größer
Selbst bei margin:0px; ist beim Internet Explorer immernoch deutlich ein Abstand zu sehen.

HTML:

<html>
<head>
<title></title>
<style type="text/css">
input {
	border:solid 1px red;
         margin: 0px;
}


</style>


</head>
<body >

<form action="nonsens" method="post">
<input type="text" name="bla"><br>
<input type="text" name="bla"><br>
<input type="text" name="bla"><br>
<input type="text" name="bla"><br>



</form>


</body>
</html>

Dieser Code sieht so aus:
Klick

Gibt es da irgendeinen workaround? Da ich neben das Formular eine entsprechende Beschriftung setzen will, müssen die Abstände im IE und im FF identisch sein. Sonst sieht das ziemlich verschoben aus

Maik · 10. August 2007

Hi,

versuch es mal mit einem negativen margin-top- u. margin-bottom-Wert für den IE:

Code:

input {
        border:solid 1px red;
         margin: 0 0 !important; /* Für moderne Browser */
         margin: -1px 0; /* Für IE */
}

✔ IE, Formularefelder und Abstand...

BenschM@ster

Mitglied

Maik

Neue Beiträge