Tweet
Hi Leute,
ich habe ein Problem. Habe auf ein Bild eine Tabelle gelegt und in diese verschiedene Formularfelder eingesetzt. Ich habe immer eine Zeile für die Beschriftung und in der nächsten das formularfeld. Jetzt bekomme ich trotz sämtlicher Vorsichtsmaßnahmen (diese komischen Platzhalter für Leerzeilen weg, Padding und Margin auf 0 gesetzt und cellpadding in den relevanten Zellen ebenfalls) einen Pixelversatz beim IE.
Hier ein Bild, dass die Problematik klar macht - Links Firefox [aktuellste Version] (so wäre es richtig) und rechts Internet Explorer [6.3]
Nur die erste Zeile stimmt noch, danach bekomme ich regelmäßig in der Zeile, in der die Formularfelder sidn einen neuen zusätzlichen Versatz von 2 Pixeln.
Hier der Quellcode:
Findet ihr etwas, was dieses Problem begründen könnte?
Lexus
ich habe ein Problem. Habe auf ein Bild eine Tabelle gelegt und in diese verschiedene Formularfelder eingesetzt. Ich habe immer eine Zeile für die Beschriftung und in der nächsten das formularfeld. Jetzt bekomme ich trotz sämtlicher Vorsichtsmaßnahmen (diese komischen Platzhalter für Leerzeilen weg, Padding und Margin auf 0 gesetzt und cellpadding in den relevanten Zellen ebenfalls) einen Pixelversatz beim IE.
Hier ein Bild, dass die Problematik klar macht - Links Firefox [aktuellste Version] (so wäre es richtig) und rechts Internet Explorer [6.3]
Nur die erste Zeile stimmt noch, danach bekomme ich regelmäßig in der Zeile, in der die Formularfelder sidn einen neuen zusätzlichen Versatz von 2 Pixeln.
Hier der Quellcode:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css"><!--
table{
margin:0px;
padding:0px;
border:0px;
table-layout:fixed;
empty-cells:show;
border-spacing:0px;
border-collapse:collapse;
background-image:url(02_microsite-lup.jpg);
}
tr, td{
margin:0px;
padding:0px;
border:0px;
border-spacing:0px;
border-collapse:collapse;
}
body{
border-bottom-width:0px;
color:#000000;
font-size:14px;
}
input{
height:17px;
margin:0px;
padding:0px;
vertical-align:middle;
color:#000000;
font-size:13px;
font-weight:normal;
}
input.button{
vertical-align:top;
font-size:10px;
}
select{
height:19px;
margin:0px;
padding:0px;
vertical-align:middle;
color:#000000;
font-size:13px;
font-weight:normal;
}
//--></style>
<title>LUP</title>
</head>
<body >
<table width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="297" colspan="2"></td>
<td colspan="3"></td>
<td width="13"></td>
<td width="212"></td>
</tr>
<tr>
<td height="21" colspan="2" cellpadding="0">Name</td>
<td colspan="3">Vorname</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="21" colspan="2" cellpadding="0"><input type="text" name="name" id="name" style="width:170px;" /></td>
<td colspan="3" cellpadding="0"><input type="text" name="vorname" id="vorname" style="width:160px;" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="21" colspan="2" cellpadding="0">Straße</td>
<td width="95">HausNr.</td>
<td width="77">Vorwahl</td>
<td width="83">Rufnummer</td>
<td></td>
<td></td>
</tr>
<tr>
<td height="21" colspan="2" cellpadding="0"><input type="text" name="strasse" id="strasse" style="width:170px;" /></td>
<td cellpadding="0"><input type="text" name="hausnummer" id="hausnummer" style="width:50px;" /></td>
<td cellpadding="0"><input type="text" name="vorwahl" id="vorwahl" style="width:83px;"/></td>
<td cellpadding="0"><input type="text" name="rufnummer" id="rufnummer" style="width:80px;" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td width="77" height="21" cellpadding="0">PLZ</td>
<td width="93">Ort</td>
<td></td>
<td colspan="2">Erreichbarkeit</td>
<td></td>
<td>Geburtsdatum</td>
</tr>
<tr>
<td height="21" cellpadding="0"><input type="text" name="plz" id="plz" style="width:83px;" /></td>
<td colspan="2" cellpadding="0"><input type="text" name="ort" id="ort" style="width:130px;"/></td>
<td colspan="2" cellpadding="0">
<select name="erreichbarkeit" size="1">
<option>Vormittag</option>
<option>Mittag</option>
<option>Nachmittag</option>
</select> </td>
<td></td>
<td cellpadding="0">
<select name="geb_tag" size="1" style="width:40px;" >
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<select name="geb_mon" size="1" style="width:70px;" >
<option>Januar</option>
<option>Februar</option>
<option>März</option>
<option>April</option>
<option>Mai</option>
<option>Juni</option>
<option>Juli</option>
<option>August</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Dezember</option>
</select>
<input type="text" name="geb_jahr" id="geb_jahr" style="width:60px;" /></td>
</tr>
<tr>
<td height="21" colspan="2" cellpadding="0">Tätigkeit</td>
<td colspan="3">Versicherung</td>
<td></td>
<td>E-Mail-Adresse</td>
</tr>
<tr>
<td height="21" colspan="2" cellpadding="0">
<select name="taetigkeit" size="1">
<option>Artbeitnehmer</option>
<option>Arzt</option>
<option>Beamter</option>
<option>Freiberufler</option>
<option>Selbstständiger</option>
<option>Student</option>
<option>Zahnarzt</option>
</select> </td>
<td colspan="3" cellpadding="0">
<select name="versicherung" size="1" style="width:153px;">
<option>Allianz</option>
<option>Axa</option>
<option>Bla</option>
<option>Bla1</option>
<option>Bla2</option>
<option>Bla3</option>
<option>gesetzliche Versicherung</option>
</select> </td>
<td></td>
<td cellpadding="0"><input type="text" name="email" id="email" style="width:160px;" /></td>
</tr>
<tr>
<td height="18" colspan="5" cellpadding="0"><input type="checkbox" name="datenschutz" id="datenschutz" />
Ja, ich stimme den Datenschutzbestimmungen zu.</td>
<td></td>
<td cellpadding="0"><input class="button" type="submit" name="senden" id="senden" value="Abschicken" style="width:160px;" /></td>
</tr>
<tr>
<td height="12" colspan="2"></td>
<td colspan="3"></td>
<td></td>
<td></td>
</tr>
</table>
<form action="" method="post" name="microsite_pkv" lang="de">
</form>
</body>
</html>
Lexus
Moderator
Kommentar