Erhöhen Sie die Breite gemäß dem Inhalt

Question

Ich habe ein Superfish-Menü in dieser Site implementiert

Wenn Sie mit der Maus über das Produktmenü fahren, entspricht das Dropdown-Menü genau der Breite des übergeordneten Hauptmenüs, auch wenn der Inhalt größer ist.Wie kann ich das Menü entsprechend dem Inhalt erweitern?Jetzt läuft der Inhalt einfach über.

Answer 1

Fügen Sie Ihrem grid.css oder einer anderen .css-Datei / einem anderen Header nach grid.css die folgenden Stile hinzu:

.sf-menu ul{
    min-width:100%; /* at least the size of the header */
    width:auto; /* size the block automatically */
}
.sf-menu ul li{
    white-space:nowrap; /* prevent word wrap */
}

Beachten Sie, dass dies in IE7 nicht zu den gleichen Ergebnissen führt, Ihre Website jedoch in IE7 nicht gleich dargestellt wird.Funktioniert in IE8, IE9 und Firefox 10 (sollte in allen CSS2-kompatiblen Browsern funktionieren).