1

私は現在、twitter Bootstrap をベースに Web サイトを開発しています。Chrome で開発していますが、問題はありませんが、Firefox で同じページを表示すると、メニューとコンテンツの配置が、スペースがないかのように変な位置に表示されます。

そこを見ることができます： http://www.penthousemontreal.com/ http://penthousemontreal.com/collections/moderne/

何が問題を引き起こしている可能性がありますか?

4

1 に答える 1

1

アップデート

クラス（ナビゲーションバーの画像top: -100px;）で（相対位置）を使用しています。.brand画像は、元の位置で FF / IE のスペースを取り続けます。この画像の原因はfloat:left;、コンテンツがこの「空のスペース」の右側に浮いていることです。ここで解決策を見つけることができます:負の相対位置の問題を使用する CSS。top を margin-top に置き換えます。

.brand {
    margin-left: 20px !important;
    margin-top: -100px;
    position: relative;
  }

ブートストラップ ファイルが変更または破損している可能性があります。バージョン Bootstrap v2.3.2 と思われる wp-content/themes/MMS/style.css から bootstrap/css/bootstrap.css (および bootstrap-responsive.css) をインポートします。サイトを読み込むと//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css、問題は修正されます。見る：ここに画像の説明を入力

于 2013-06-26T20:01:06.860 に答える