Axel Richter: Links nicht im IE eingerückt

Beitrag lesen

SELF-Forum

Links nicht im IE eingerückt

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Auf der folgenden Testseite sieht ihr mit dem Firefox meine Wunschseite. Genau so sollen meine Links dargestellt werden. Nur leider trifft dies nicht auf den Internet Explorer zu. Wie kann ich dies, z. B. mittels einem Workaround anstellen, dass das IE-Resultat dem jetzigen FF-Resultat gleicht?

Müssen die Symbole mit verlinkt sein? Wenn nicht, dann schau mal mein Beispiel in diesem Thread an. Mach einfach um alle TestTexte A-Elemente drum.

Sollten die Symbole doch mit verlinkt sein, müssen sie Hintergrund der A-Elemente werden. Das padding-left gälte dann natürlich auch für die A-Elemente, welche display:block und width:100% bekommen müssten.

So:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Titel</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
ul { margin:0; padding:0; width:25ex; }  
li { margin:0; padding:0; list-style-type:none; }  
a { display:block; width:100%; margin:0; padding:0; padding-left:1.5ex; background-image:url(listen_zeichen.gif); background-repeat:no-repeat; background-position:0 0.5em; }  
</style>  
</head>  
<body>  
<ul>  
<li><a href="#">ein Testtext zum Testen</a></li>  
<li><a href="#">noch ein Testtext zum Testen laenger Testtext zum Testen laenger</a></li>  
<li><a href="#">und noch ein Testtext zum Testen noch laenger Testtext zum Testen noch laenger</a></li>  
<li><a href="#">letzter Testtext zum Testen noch viel laenger Testtext zum Testen noch viel laenger</a></li>  
</ul>  
</body>  
</html>

P.S. Ich habe immer noch die Divitis ;)

Ja.

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln