2010-12-04 27 views
0

私は小さなプロジェクトに取り組んでおり、CSSには2つの小さな問題があります。CSSの問題、ミスアライメント、100%が100%ではありませんか?

私は何も役に立たないで遊んだ。

1)IE6では、コンテンツとロゴが正しく並んでいません。

2)Firefoxでは、ページの下部に固定されたツールチップボックス(IE6では低下)は、幅:100%と書かれていますが、画面全体に広がっていません。左側には隙間があります。

これらの問題は、それぞれのブラウザでhttp://gua.com/wd/を表示すると分かります。

誰かが間違っていたことについて助言できたら、それは大いに感謝します。 ありがとう

答えて

1

:Yyouは、Internet Explorer用の#bottom

ためleft:0;を追加することができます:私はあなたのメニューは、ロゴ間違っていないことを参照してください。これを解決するには#top-navmargin:0を追加してください。

+0

ブリリアント。ありがとう。あなたのことをはっきりと知っているので、私のCSSを素早く見て、あなたの一般的な考えを私に教えてもらえますか?これは私には新鮮です。このトピックのおかげで –

+0

あなたは多くの意見を読むでしょう。あなたが使い始めることの1つは、クラスとIDのための自明の名前です。その後、タイム・パスがより良い技術を学ぶようになります。 Firebugのプラグインを追加することを強くお勧めします。開発に多くの助けとなり、将来の問題をデバッグします(他のブラウザには、それらを確認できる開発者ツールがあります)。また、CSSを書くときには、コードが正しく動作するかどうかをすべてのブラウザで確認してみてください。 – Sotiris

0

css resetスタイルシートを使用して、特定のブラウザの固有性を克服するのが理想的です。

あなたの場合、bodymargin: 0px;を追加すると、(Firefox用)トリックを行う必要があります。 IE6は、通常、IE6固有の条件付きスタイルシートに残されています。

+0

どのようなダウンボートですか?それはFirefoxのOP問題を解決します。 –

0

「100%」は、「親ボックスのクライアント領域の100%」を意味します。 「ビューポート全体の100%」ではありません。

IE6のCSSサポートは健全性を超えています。それがうまくいかない場合は、絶対位置指定や特殊なスタイルシートで使用されているものをすべて使用し、それに条件付きコメントを含めます。 Firefox用

関連する問題