2012-02-25 2 views
0

少し問題があります。 IEのナビゲーションで「SEO」オプションを表示するたびに、ナビゲーションは&の側に移動します。これはFirefoxでは起こりません。ナビゲーションを位置に変更する:絶対に修正しますが、メインのコンテンツはナビゲーションとマージされます。それはすべて検証します。どんな助けでも大歓迎です!IEのホバーでナビゲーションが中断します

http://www.joemarketeer.com

http://jsfiddle.net/eoJ1/Ra4tR/

おかげでロード!

+0

ページ全体ではなく、関連する部分にコードをカットできますか?デバッグしやすくします。 –

+0

完了: http://jsfiddle.net/eoJ1/u35mS/ – Joe

+0

最初に、Chromeでは、ウェブサイトの青色の背景にあるリンクには、下にある行が表示されません。しかし、それらはjsfiddleの例で表示されています。 –

答えて

0

navleftとととnavright divはそれぞれ独立してサイズ変更されていますが、これはデザインの構造上予想されます。それは、以下の内容の上に降りてきてしかし、それは奇妙に見える:私はあなたを与えることができ

Bad content reflow with resize

1つの提案は、あなたがこれらの二つのdivのために行っている%で、ナビゲーションバーの幅を設定することではありません。固定幅(px)を設定するか、幅指定を完全に削除すると(その場合は内容の幅が使用されます)、幅が小さい場合はページの下に水平スクロールバーが表示されます。また、文書内のコンテンツの流れを壊し、レイアウトを破る傾向があるので、できるだけ少ない数のfloatを使用してください。両方のdivにはfloat:leftがあり、より安定したソリューションのためにダンプすることができます。これらの理由により、ホバー上のレイアウトの破損が発生していると思うので、私はこれをすべて言っています。これを世話することができれば、問題は消えるかもしれません。

私の提案はnav divをwidth: 100%とすることです。この内部には、navleftnavrightdisplay:inlineと幅a)がpxで指定されているかどうか、またはb。%で指定されていますが、一部ではmin-widthがpxで指定されています)。 navrightの幅を指定しないと、右側のすべてのスペースを埋めるように展開されます。

このように、これら2つのdivは独立してリフローされません。

基本的に、あなたがCSSより優れたコマンドを得るまで、おもちゃの周りをもっと楽しんでください。私はより多くの経験が自動的にこのような問題を整理するのに役立つと思います。

+0

遅く返事をして申し訳ありません、私はシャワーが必要でした。 Hmmm、kk。浮動小数点の代替案について考えていますか?私はこれを試してみました:http://blog.betabong.com/2009/02/25/css-alternative-to-left-float/そしてそれは助けになりませんでした。ありがとう! :) – Joe

+0

実際には、私はそれを解決することができました - 私はIEがそれを好きではないので、マージントップを避けるように言われました。それはそれを修正することができた。それはおそらく少しclunkyですが、それは動作します。すべての助けに感謝の負荷! :) – Joe

+0

私の答えを編集しました。 –

関連する問題