2011-02-04 9 views
2

私は友人のために開発しているサイトにいくつか問題があります。私はpremade CSS専用の垂直メニューを使っています。縦型CSSメニューがオーバーフローでクラッシュする:hidden?

最近、高さスケーラブルdivを追加するまで、これはうまくいきました。http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm

メニューはまだ機能しますが、何とかコンテンツdivの下に展開されます。私はこれがオーバーフロー値と関係があると推測していますが、私は解決策を見つけることができませんでした。言及する価値は、メニューがIE8ではうまく動作するが、FirefoxやSafariではうまく動作しないということである。 CSSは多少広がっているので、サンプルコードではなくリンクを追加しています。いいですね。

ありがとうございます! :)

サイトはhttp://dev.velkos.no/exigoにあります。サイトとメニューのCSSは/ CSSを追加すると見つかります(これはStackoverflowの私の初心者のステータスのため、これ以上のリンクは投稿できません)。

答えて

0

試行#2:

Firefox、Chrome、IE8でテスト済みです。

  • 私の以前の試みを削除します。 .container2には、position: relative/z-index: -1を削除してください。
  • #menuh-containerには、position: relativez-index: 501#menuh ul ulにはz-indexより1つ多い値)が追加されます。

これはFirefox/Chromeを修正しますが、IEを壊します。 IEを修正するために今すぐ

..

私はこれを行うに見つけることができる唯一の方法は、#menuh-containerからfilterルールを削除することでした。文字通り、filterを取り除いて修正し、それを元に戻します。

filterルールがないと、あなたのサイトがまだIE8で受け入れられると思われます。


それはIE7で次のようになります。

enter image description here

+0

ありがとう、もう一度! :)この解決策はFFで解決しますが、IEで破ります。しかし、これは遅かれ早かれIE-onlyスタイルシートを作成しなければならないと予想していたので、実際には問題ではありません。 –

+0

問題はありませんが、私はこのソリューションがうまくいきました:) – thirtydot

+0

@KG Christensen:参考までに、あなたのサイトは現時点ではIE7で少し壊れているようです。 – thirtydot

1

position: relativez-index: -1から .container2を追加するとFirefox/Chromeで修正され、IE8では何も変更されません。

コメントが正しく表示されません。

+0

すごいです!おかげで束を:) –

+0

それは問題ではなかった:) – thirtydot

+1

おっと、私はすぐに少し祝ったようだ。これで、すべてのテキスト、つまりリンクが解除できなくなりました。私はこれがZ-インデックスに起因すると推測していますか? –

関連する問題