div只在Firefox中向右移動

頁面的麪包屑部分向右移動（在Firefox中），沒有任何明顯的原因。div只在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

這不是英文。希望你能幫上忙。

來源

2013-07-11 Oskars

我假設問題在#main。當你改變你的保證金到-7px auto 40px;的事情的工作。

此外，如果您不想對#main進行更改，則需要分別更改#header, #footer CSS的填充值和10px 10px 8px;值。

有1px的問題存在衝突的繼承或結構差異，如果計算不正確，它們會改變某些元素的佈局樣式。

希望這會有所幫助。

來源

2013-07-11 12:38:36 Nitesh

這是我第一次使用stackoverflow。我必須說你們是非常棒的。感謝您的幫助。 – Oskars

不客氣:) - @Oskars – Nitesh

試試這個請在下面的類對這個加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-11 12:28:35 falguni

您的解決方案不完整。您不是通過找出問題的正確原因來解決問題，而是添加修補程序以使其工作。糟糕的做法。 – Nitesh

在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-11 12:31:12 krutssss

謝謝大家。我希望有一天我能幫助別人回報。 – Oskars

div只在Firefox中向右移動

回答

相關問題