0

現在、 Concrete5を使用して Web サイトを構築しています。

Firefox は特定のページ (ギャラリーなど) でヘッダー (ナビゲーションと h1 タグ) を押し下げますが、その理由がわかりません。

Chrome と IE10 の両方が正しく表示されます。

助けてくれてありがとう。

4

4 に答える 4

0

あなたの問題は、あなたがどのように要素を浮かせているかに関係していると思います。

ナビで調べるnav-selected nav-path-selectedと、計算された高さが 0px であることがわかります。

これは、浮動要素が親コンテナーの自動サイズ変更を強制しないために発生する非常に一般的な問題です。要素がフロートされると、フロートがフローから削除されるため、その親には要素が含まれなくなります。ブラウザーはさまざまな方法でこの問題を処理するため、一般的な解決策は「clearfix」を使用することです。

以下をグローバル css に追加すると...

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}



html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

高さが 0px の要素 (nav-selected など) に clearfix を追加すると、要素が正しい高さを継承することがわかります。

于 2013-05-13T10:10:00.610 に答える
0

div #asmillerGalleryBlock に 10 ピクセルのマージンがあります... これを margin: 0 auto; に設定します。

于 2013-05-13T09:54:19.480 に答える
0

フロートの問題により、要素が正しくスペースを占有していません。これを CSS に追加します: #content {float:left}

于 2013-05-13T09:55:11.167 に答える