✔ Menü: 2. Ebene kann nicht als Block dargestellt werden

[mruiss]

Hi Tyg3r,

danke für den Tip. Allerdings habe ich das schon leider erfolglos ausprobiert.

Aus irgendeinem Grund nimmt der IE7 den Block beim Link nicht an...
Weder im geposteten CSS noch im html...

noch jemand Ideen

Gruß
Matthias

 

[Maik]

<!--[if lte IE 7]>
<style type="text/css">
.menu a { height:1%; }
.menu ul li a { width:166px; }
.menu ul li ul li a { width:155px; }
</style>
<![endif]-->

Zudem hast du hier noch drei Fehler im Markup:

<div class="menu">
    <ul style="margin-top": 0>
      <li><a href="index.html">Start</a></li>

      <li><a href="Konzept.html">TOP Konzept</a></li>
      <li><a href="aktuell.html">TOP Inhalt</a>
      	<ul>
            <li><a href="Events.html">Events</a></li>
            <li><a href="Business.html">Business</a></li>
            <li><a href="Lifestyle.html">Lifestyle</a></li>
            <li><a href="Travel.html">Travel</a></li>
            <li><a href="Health.html">Health & Beauty</a></li>
            <li><a href="Gourmet.html">Gourmet</a></li>
            <li><a href="Arts.html">Art</a></li>
        </ul>
      </li><!-- fehlt! -->
      <li><a href="Media.html">Mediadaten</a>
        <ul>
            <li><a href="Preise.html">Preise</a></li>
            <li><a href="Technik.html">Technische Angaben</a></li>
            <li><a href="Vertrieb.html">Vertriebsgebiet</a></li>
            <li><a href="Anzeige.html">Anzeige buchen</a></li>
        </ul>
      </li><!-- fehlt! -->
      <li><a href="Veranstaltungen.html">Veranstaltungen</a></li>
      <li><a href="Ansprechpartner.html">Ansprechpartner</a></li>
      <li><a href="agb.html">agb</a></li>
    </ul>
  </div>

 

[mruiss]

Jetzt läufts

Vielen lieben Dank vorallem an Mike!

auch wenn ich die "if" Geschichte nicht ganz verstehe...

Nochmals besten Dank und schönen Abend noch!

Matthias

 

[Maik]

auch wenn ich die "if" Geschichte nicht ganz verstehe...

Bei der Syntax <!--[if IE]> ... <![endif]--> handelt es sich um einen sog. "Conditional Comment", der nur vom IE (Win) gelesen und ausgeführt wird.

Auf diese Weise wird im Dokument nach dem "normalen" Stylesheet eine CSS-Browserweiche gesetzt, und im IE-spezifischen Stylesheet die erforderlichen Ergänzungen oder Wert-Korrekturen vorgenommen, die die Eigenschaftswerte des vorangegangenen Stylesheets überschreiben.