2012-02-17 11 views
10

は、ドロップダウンがメイン親メニューの正確幅となり、コンテンツごとに、ULの増加幅を作ります大きい。どのようにしてメニューをコンテンツの幅に応じて広げるか。今度はコンテンツが単にオーバーフローします。コンテンツがある場合でも、私はあなたが製品のメニューの上に置くと<a href="http://selectstones.tridz.com/" rel="noreferrer">this site</a></p> <p>で実装SUPERFISHメニューを持っています

答えて

17

grid.css後にgrid.cssにまたは任意の他の.cssファイル/ヘッダに次のスタイルを追加します。これは、しかし、あなたのウェブサイトが提示されていない、IE7で同じ結果を持っていないことを

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

お知らせIE7でも同じです。 IE8、IE9、Firefox 10(すべてのCSS2準拠ブラウザで動作するはずです)で動作します。

+0

私も最大幅を追加する必要がありますと思います。 – esafwan

+0

@Zetaそれは今も無駄な質問と答えです!私はgrid.cssがどこにも見つからなかったので、リンクが今働いていないので:( – KunJ

+0

@KunJ:この回答は2歳以上であり、本当に私が思い出すものではありません。これについては、これをコメント__ on the question__に記入してください。OPはそれを修正することができるかもしれません。一方、あなたは質問が完全に役に立たず、質問ルールに従わないと信じるならば、 – Zeta