3

ページのブレッドクラムの部分が (Firefox で) 明らかな理由もなく右に移動します。

HTML:

<div class="region region-header">
<section id="block-easy-breadcrumb-easy-breadcrumb" class="block block-easy-breadcrumb">
<section class="content">
<div id="breadcrumbs-one">
</section>
</section>
</div>

CSS:

  #breadcrumbs-one
    {
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF #FFFFFF #E7E7E7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    }

サイトへのリンクは次のとおりです: http://www.vegus.lv/kursi

英語ではありません。お役に立てれば幸いです。

4

3 に答える 3

3

clear:leftこれを試して、この下のクラスに追加してください

.region-header {
    clear: left;
    left: -19px;
    position: relative;
    top: -1px;
    width: 953px;
}

また

float:leftこれを以下のクラスに追加します

.region-header {
    float: left;
    left: -19px;
    position: relative;
    top: -1px;
    width: 953px;
}
于 2013-07-11T12:28:35.310 に答える
2

問題はにあると思い#mainます。マージンを-7px auto 40px;The things work に変更すると。

また、 に変更を加えたくない場合は、 CSSのパディングをそれぞれ値#mainで変更する必要があります。#header, #footer10px 10px 8px;

適切に計算されていない場合、一部の要素のレイアウト スタイルを変更する傾向がある、競合する継承または構造上の違いがある 1px の問題があります。

お役に立てれば。

于 2013-07-11T12:38:36.520 に答える
1

CSS を追加するだけfloat :leftです。

#breadcrumbs-one {
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF #FFFFFF #E7E7E7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    float: left;
 }
于 2013-07-11T12:31:12.630 に答える