保證金在Chrome重疊

我正在一個網站上工作，我有一些CSS問題。它看起來不錯，但很少在Chrome瀏覽器上播放。請親切地幫助我，我該如何解決這個問題。保證金在Chrome重疊

http://thesunkissedgirls.com.au/

這是主要的頁面，如果你向下滾動頁面看到3個paragarphs，他們在FF看起來OK，但是當你在chorme檢查的混合標題行與第一段。

請您幫我解決

<div style="color: white;font-size: 14px;margin: 0 0 30px 0;padding: 0;position: absolute;text-align: left;top: 780px;width: 960px; display:block;"> 
    Promotional Models | Photographic Models | Bikini Models | Lingerie Models | Model Competitions| Sporting Events | Dancer’s | Cheerleaders | Card Girls | Grid Girls |Poker Nights | Promo Girls | Karaoke + more 
</div>

和段落CSS是

#xtra-paragraph { 
    color: #DBDBDB; 
    font-size: 13px; 
    line-height: 16px; 
    margin-bottom: 60px; 
    margin-top: 35px; 
    display: block; 
} 

#xtra-paragraph p { 
    text-align: left; 
}

來源

2011-07-11 Muzammil

它在FF中也被打破了FYI - 而且這個並不是SFW;） – AlienWebguy

你把div放在這個段落了嗎？ –

@Alien那些女孩是我住的地方，陽光海岸:) – alex

你是絕對定位它在那裏，所以瀏覽器不能分配空間，它有它靜態定位。

你需要把更多的空間有...

#xtra-paragraph { 
    margin-top: 50px; 
}

...或者把HTML，它應該belogically並保持它定位爲static默認。

來源

2011-07-11 04:12:46 alex

以及我正在修復wordpress主題，它的設計非常混亂。所以請幫助我如何擺脫這個 – Muzammil

@Muzammil你這樣做的方式是*哈克*。 **但**，我給出的答案確實有效（只要白色文字的高度一致）。 – alex

它也在FF中被破壞。與所有內聯CSS的div，將top:780px;更改爲top:760px;

來源

2011-07-11 04:15:07 AlienWebguy

在您的div樣式中，更改「top：780px;」到「頂部：770px;」爲我修好了。

來源

2011-07-11 04:17:11

要的div類.social除去float:left，

對於含有

促銷機型在div |攝影模型|比基尼模特|內衣模型|模特比賽|體育活動|舞者的|啦啦隊 |卡片女孩|網格女孩|撲克之夜|促銷女孩|卡拉OK +更多

add float:left。

最後，加大對margin-top#xtra-paragraph

更新：

使用YSlow的！我測試了你的網站的速度。你的整體表現分數爲65.這非常慢。我建議你優化你的網站，主題代碼是非常草率的。

來源

2011-07-11 04:21:59 CyberJunkie

'.social'已經沒有使用'float' – Muzammil

我的錯誤我一定是另一個div。現在看來很好 – CyberJunkie

保證金在Chrome重疊

回答

相關問題