2012-02-09 23 views
-2

コード: http://www.webdevout.net/test?0UIE7でこのコードが動作しないのはなぜですか?

デモ: http://www.webdevout.net/test?0U&raw

これは、最新のブラウザ(Safariの、クロム、Firefoxの、IE8/9)で動作しますが、IE7で動作しません:何ができますか?私は基本的にコンテナのサイズをコンテンツに指示させたいので、ヘッダを表示してコンテナの塗り幅を占めるようにしたいと思っています....

だから、コンテンツに対応し、緑色のボックスが伸びて...意味がありますか?

緑色のボックスにテキストがあり、背景イメージのスプライトに置き換えられているため、その部分が残る必要があるため、テキストのインデントを行っています。

+0

古いIEのバージョンでは動作しないものがあります。なぜこのコードはIE7では動作しません。そして、それを処理してコード内の何かを変更する必要があります。 – ParPar

+1

どのように動作させたいですか?私のマシンでは、あなたが言及しているブラウザに違いがあります。 (右端のdivには、IE 8の小さな緑色のバー、Chromium 16の大きいバー、Firefox 10はありません)何を表示する必要がありますか? –

+0

左のボックスには内容があります... IE7以外のすべてのブラウザでは、緑色のバーが引き伸ばされて調整されます。それらはすべて一般的に同じように動作します。右のボックスを無視してください:私が実証しようとしたのは、緑色のボックスが完全に伸びないという事実でした。 – xckpd7

答えて

0

ヘッダーのスタイルをposition:absoluteにしてください。これは背景イメージになるため、z-index:999をテキストに追加することができます。

0

ヘッダースタイルで高さ宣言を取り除きます。ボックスの高さを変更したい場合は、font-sizeプロパティを変更してください。

関連する問題