0

このページとこのページは、ヘッダーの上にスペースがあります。それらは更新後に表示されたばかりですが、問題がどこにあるのかわかりません。

注: これは FireFox でのみ発生します。

4

6 に答える 6

0

またはクラスcolumns全体を から削除します。そこには何の役にも立たず、ロゴ用に少しだけ残します。それが見逃すすべてです。現在、CSS スタイルと競合しています。sixteen columnsheaderpadding.columns

または、ヘッダーのみに適用されるそのクラスの css を書き直すこともできます。

Chrome で列クラスを削除し、Mac で ff を削除した後:

ここに画像の説明を入力

于 2013-01-21T07:10:13.653 に答える
0

最初に確認することは、マークアップが有効かどうかです。 w3c validator によると、どこかで閉じられていませんdiv。私の経験では、これはまさに、異なるブラウザーで異なる表示を引き起こすようなものです。

于 2013-01-21T06:31:10.023 に答える
0

から削除margin-top: 16px;し#headerます。

padding-top: 5px; から も減らし#header .inner、

于 2013-01-21T06:31:18.353 に答える
0

このクラスの .column、.columns float:left; および display:inline が問題を引き起こしています...これらの2つのプロパティを削除してみてください。ただし、他の場所に影響を与える可能性があります.. そのため、ヘッダーのみに影響します。

#header {clear: both;  display: inline-block; float: none; margin-top: 16px;}
于 2013-01-21T06:33:21.557 に答える
0 
.column, .columns {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

このクラスfloat:leftでは、内部は冗長です。削除すると、彼は正常です。そしてそれを別々に書くための2つのクラス。このような：

.columns {      
  margin-left: 10px;
  margin-right: 10px;
}

.column{
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
于 2013-01-21T06:50:20.870 に答える
0

問題が見つかりました。私が持っていた

#artists {margin-bottom: 40px}
#album-design {margin-bottom: 40px}

私はそれを次のように変更しました：

#artists {padding-bottom: 40px}
#album-design {padding-bottom: 40px}

これが問題であることはわかっています。これはポートフォリオと音楽ページでのみ発生していたためです。その特定の CSS を使用するのは 2 つのページだけです。

誰かがそれをチェックする気がありますか？

すべての答えをありがとう。ほとんどの人は、私が修正する他の問題を知らせてくれます。

皆さん、ありがとうございました。

于 2013-01-21T07:32:52.260 に答える