Mathias Volz: background-image-position bei mehrzeiligen links mit IE 6 (PC)

Beitrag lesen

SELF-Forum

background-image-position bei mehrzeiligen links mit IE 6 (PC)

Mathias Volz
– Informationen zu den Bewertungsregeln

Es scheint, als ob der PC Internet Explorer (Version 6) bei mehrzeiligen Links, die ein background-image zugewiesen bekommen haben, den am weitesten an der linken Seite stehenden Punkt als Nullpunkt interpretiert. Auch wenn der in der 2. oder 3. Zeile des Links steht. Zu bestaunen ist dieses Phänomen unter http://www.mathias-volz.de/linkIntTest.html . Das Pfeil-Symbol, mit CSS-Eigenschaft 'background-position:0px 0px;'  wird bei allen anderen getesteten Browsern, außer eben IE, angezeigt.

Gibt es eine CSS-Lösung, mit der man dem IE beibringen kann dass er bitte von oben links aus rechnen soll?

Codebeispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
</head>
<style>
body{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
a{
 padding-left:15px;
 text-align:left;
 background-image:url(linkInt.gif);
 background-position:0px 0px;
 background-repeat:no-repeat;
}
</style>
<body>
<div style="width:100px;">
This is a text with<br/> a <a href="bl.html">multiline link (bla bla bla)</a>, with IE showing its very own interpretation, once again.
</div>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln