nicht angemeldet
IE verzerrt Ansicht
Hi, ich habe ein, für euch eher triviales, Problem.
Mit Hilfe von CSS positioniere ich auf meiner HP Eingabefelder
und einen Button.
Im FF wird alles wie erwartet dargestellt
Im IE leider nicht.
Hier mal der CSS-Code.
#center
{
position: relative;
top: 41px;
left: 150px;
width: 611px;
height: 300px;
}
#leftbar
{
position: relative;
top: 41px;
margin-top: 0px;
float: left;
width: 150px;
height: 300px;
font-size: small;
font-weight: bold;
color: #23898B;
/* for testing only */
border-right: 1px inset #333333;
}
Innerhalb von leftbar werden zwei Eingabefelder und ein Button dargestellt.
Im IE wird der Wert für Width wohl nicht korrekt ausgewertet,
da die rechte Linie am äussersten Rand der Seite zu sehen ist.
Beim FF ist das nicht der Fall.
Ein weiterer unschöner Effekt ist, dass der Button total verzerrt wird.
Vielleicht hat jemand von euch eine Idee.
Danke. :)
-
Danke, hat sich erledigt.
Die Ursache:
<input type="submit" class="submitbutton" value="
<?php echo _( 'Einloggen' ); ?>
" />Die Leerzeichen wurden nur vom FF entfernt und vom IE nicht.
Schreibt man das Ganze in eine Zeile, tritt der Fehler nicht auf. -
Hallo,
Im IE wird der Wert für Width wohl nicht korrekt ausgewertet,
in meiner Glaskugel sehe ich keinen Doctype. Verpasse deiner Seite ein:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">jetzt besser? Zum Nachlesen: Box Model des IE und Doctype switch
Grüße,
Jochen