Bądź ul zwiększyć szerokość jak za treści

Question

Mam Superfish menu realizowany w this site

Po najechaniu na menu produktów, w dół spadek będzie dokładnie szerokość głównego menu nadrzędnego, nawet gdy zawartość jest większy. Jak sprawić, by menu rozszerzyło się zgodnie z zawartością. Teraz zawartość po prostu się przepełnia.

Answer 1

Dodaj następujące style do grid.css lub do jakiegokolwiek innego .css-pliku/nagłówku po grid.css:

.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 */ 
} 

Zauważ, że to nie będzie miał takie same wyniki w IE7, jednak Twoja strona nie jest prezentowany to samo w IE7. Działa w IE8, IE9 i Firefox 10 (powinien działać we wszystkich przeglądarkach zgodnych z CSS2).