Komisches Verhalten im IE?

**Schnuckenpapa** · 22-11-2006, 22:19

Guten Abend!
ich bin vermutlich zu dumm, darum frage ich noch einmal etwas:

Code:

<!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>Forumfrage</title>
<style type="text/css">
#in3
{width:85px; height:455px; border: 0px solid green; float:left; 
margin-top:20px; margin-right:15px; background-color:green;}
	
a.navli:link,a.navli:visited,a.navli:active  
{display:block;
font-size:1em;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
float:left;
height:56px;
width:85px;
margin:0px 0px 8px 0px;
line-height:28px;
text-decoration:none;
text-align:center;
background-color:red;}

a.navli:hover
{text-decoration:underline;
color:#FFFF00;
background-color:red;}
</style>
</head>
<body>
<div id="in3">
<a href="" class="navli" onclick="alert('Schumi ist versiegt')">Ferrari-<br>Club</a>
<a href="" class="navli" onclick="alert('Ecke, Schuss, Tooor')">Fussball-<br>Verein</a>
<a href="" class="navli" onclick="alert('Und immer in den Bach')">Boßel Gruppe</a>
<a href="" class="navli" onclick="alert('Der Mai ist gekommen')">Gesang</a>
</div>
</body>

Obige Ausarbeitung im FF und Opera angesehen ist ok. Benutzt man den IE V6... werden ab dem 3.Link die letzten Buchstaben des Textes weiter unten wiederholt. Werden es noch mehr Links gerät das ganze System durcheinander.
Für einen Könner sicher kein Problem, für mich schon.
Wie kann das Problem gelöst werden?

Vorab danke für Eure Bemühungen
Grüsse vom Schnuckenpapa

**bubu-der-uhu** · 23-11-2006, 08:51

Ja....

Das verhalten vom IE ist hier in der Tat etwas komisch!

Wenn du hinter deine Links ein <br> setzt dann funzts aber auch mit dem IE.
Wieso kann Ich dir allerdings nicht sagen.

HTML-Code:

<a href="#" class="navli" onClick="alert('Schumi ist versiegt')">Ferrari-<br>Club</a><br>
<a href="#" class="navli" onClick="alert('Ecke, Schuss, Tooor')">Fussball-<br>Verein</a><br>
<a href="#" class="navli" onClick="alert('Und immer in den Bach')">Bo&szlig;el Gruppe</a><br>
<a href="#" class="navli" onClick="alert('Der Mai ist gekommen')">Gesang</a>

**planet4** · 23-11-2006, 11:46

Hallo,

es sieht aus wie der sog. "italic-Bug" des IE ...
ich kann das jetzt gerade nicht nachvollziehen, da ich hier nur einen alten IE
hab, der diesen Bug nicht anzeigt...
Der Bug funktioniert so: bei "font-style:italic;" verbreitert der IE die Box (eventuell
sieht man den Bug nicht mehr, wenn man ein <br> dahinter setzt, wie buhu-der-uhu schreibt??)
ist jedenfalls hier nachzulesen: IE und CSS, ungefähr an 5. Stelle auf der Seite.

planet4.

**Schnuckenpapa** · 23-11-2006, 12:25

Hallo und guten Tag,
ich habe das gerade ausprobiert mit folgendem Ergebnis:
Setzt man ein <br> hinter den Text ist alles ok (siehe buhu-der uhu). Ändert man den Font-Style von italic auf normal ändert sich das Verhalten nicht.
Kann man wohl nichts machen, Ist eben IE, ist eben ein "Feature"!
Danke für Eure Hilfe!
Grüsse vom Schnuckenpapa

**planet4** · 23-11-2006, 12:56

Zitat von Schnuckenpapa

ist eben ein "Feature"!

ja, schönes feature

du kannst auch alternativ das "float:left" und das "width: 85px;" weglassen, denn mit "display: block"
dehnt sich die Box sowieso soweit aus, wie sie kann und gefloatet werden muss
sie ja innerhalb der grünen Box auch nicht unbedingt, dann gibt's auch keine Fehlanzeige im IE

planet4.