✔ Liste im IE 10.0 wird nicht richtig dargestellt (Zeilenumbruch)

[cordinhio]

Hallo zusammen,

wir haben auf unserer Website ganz normale HTML-Listen, welche durch CSS formtiert sind.

Nun ist es so, dass diese Listen in Mozilla Firefox 16.0.2 sowie im Internet Explorer 9.0 korrekt dargestellt werden.
Im Internet-Explorer 10 (sowohl über Windows 7 als auch über Windows 8), baut der IE10 ein Zeilenumbruch hinein.

Es bleibt anzumerken, dass dies nur geschieht, wenn es sich um eine Liste handelt, welche Hyperlinks enthält.



HTML

<ul class="uebersichtaufzählung">
<li>
<a href="kkn_beratung.php"><h4>BERATUNG</h4></a>
</li>
<div class="space15"></div>
<li>
<a href="kkn_training.php"><h4>TRAINING</h4></a>
</li>
<div class="space15"></div>
<li>
<a href="kkn_berating.php"><h4>BERATING&reg;</h4></a>
</li>
</ul>

CSS

UL.uebersichtaufzählung{
        list-style-image:url(../images/pfeil.vor.gif);
        margin: 0 0 0 -5px;
        padding: 0 0 0 15px;
}

UL.uebersichtaufzählung LI{
        margin: 0 0 10px 15px;
}

UL.uebersichtaufzählung LI H4{
        font-weight: bold;
        font-size: 14px;
        color: #4C4D3C;
        margin: 0 0 5px 0;
        padding: 0;
        line-height:15px;
}

Vielleicht hat jemand von Euch eine Idee?!

Vielen Dank im Voraus und beste Grüße
Cordinhio

 

[threadi]

Der HTML-Code ist fehlerhaft und somit nicht valide. Ein Wunder, wenn irgendein Browser das überhaupt irgendwie darstellt.

Korrekter wäre:

<ul class="uebersichtaufzählung">
<li>
<a href="kkn_beratung.php">BERATUNG</a>
</li>
<li>
<a href="kkn_training.php">TRAINING</a>
</li>
<li>
<a href="kkn_berating.php">BERATING&reg;</a>
</li>
</ul>

Den CSS-Code müsstest Du entsprechend anpassen. Das <h4> ist hier nicht nur falsch gewesen sondern auch semantisch nicht korrekt. Die CSS-Eigenschaften davon solltest Du an den Link hängen und diesen mit "display: block;" auch zu einem Blockelement machen.

 

[cordinhio]

Hallo!

Vielen Dank für die Antwort.
Ich habe die Codes entsprechend angepasst und jetzt funktioniert es.

Beste Grüße
cordinhio