input-Feld länger im IE6 als IE7
gondor
- html
Hi,
ich habe ein Problem bei der Darstellung eines Inputfeldes mit IE7 und IE6.
Das Feld wird von der Länge her unterschiedlich angezeigt. Dieses ist im IE6 etwas länger als im IE7.
Ist das Problem bekannt? Oder liegt das an meinem CSS?
.popup_content {
width: 690px;
background-color: #ffffff;
padding: 0px;
margin: 0px;
}
.page_content #contact_label_firstname {
position: absolute;
top: 181px;
left: 30px;
}
.page_content #contact_input_firstname {
position: absolute;
top: 179px;
left: 120px;
padding-left: 1px;
width: 230px;
height: 13px;
font-size: 11px;
border: 1px dashed #8c8c8c;
background-color: #EDEDED;
}
.page_content #contact_error_firstname {
position: absolute;
top: 180px;
right: 0px;
width: 70px;
color: #66000e;
}
<div class="page_content">
<label id="contact_label_firstname" for="contact_input_firstname">Vorname:*</label>
<input id="contact_input_firstname" type="text" name="contactdata[firstname]" value="<?=$contactdata['firstname']?>">
<span id="contact_error_firstname"><?=$error['firstname']?></span>
</div>
Wie kann ich das beheben? Gibt es ein Hack speziell für IE6?
Danke für Hilfe,
gondor(..)
Hallo,
bei mir waren in IE6 und IE7 die Felder gleich groß (habe dein Code in ein nacktes HTML-Gerüst eingefügt).
Ich würde mir da jetzt keine Sorgen machen wenn es 2-3 Pixel Unterschied sind (außer das Layout wird dadurch zerschossen), eher würde ich an der Lesbarkeit des Eingabefeldes arbeiten, das ist imho nicht optimal (kleine Schrift, an den Rand des Eingabefeldes 'geklatscht', Eingabefeld zu klein für Schrift)
mfg, roebert