2012-04-10 182 views
0

https://gist.github.com/2354116CSS錯誤在Safari但不是Chrome瀏覽器/火狐

如果您在Chrome/Firefox訪問上面的頁面,然後似乎一切都很好。底部的div(兩個標題和社交圖標)被包裝在容器div和中心中,沒有問題。

如果在Safari的瀏覽儘管然後這三個div的並非在所有中心:/

我不知道這是爲什麼....誰能幫助?

+0

在Windows Safari瀏覽器看起來OK 5.1.5 – 2012-04-10 19:44:25

+0

[沒有URL縮短服務請(http://meta.stackexchange.com/questions/113658/no-url-shorteners)。在問題中包含相關的代碼。 – 2012-04-10 19:45:51

+0

即時通訊使用Mac版本...奇怪.. – Keva161 2012-04-10 20:03:57

回答

1

注意:必須承擔很多與您的設計,所以修改任何不符合您的原始設計。

首先,你沒有正確地包含你的頁面元素(內容,傳送帶,頁腳),你目前有多個寬度容器試圖並排居住,這是在多個地方打破你的設計。

您的內容容器是width:940px,你.wrapper DIV是width:750px,你.paramWrapper DIV是width:870px,你.carousel DIV是width:735px。您必須選擇一個寬度並堅持使用,並使用保證金在您的頁面上相應地推送內容。我使用860px,這是span11類的寬度。

接下來,您直接修改bootstrap.css樣式表,這意味着每當引導得到更新時,如果覆蓋引導樣式表,則所有更改都將丟失,因此請創建另一個樣式表並將所有自定義樣式放在那裏只需在標題中的引導樣式表之後加載它即可。

現在到你原來的問題,底部.paraWrapper DIV沒有正確堆疊因爲你有870px組的寬度在容器內的元素加起來也不到寬:

span3 + span3 + span2 + margin = 640px

所以這不是問題或錯誤,它只是你的佈局。

這是一個固定的版本,我很快就提出了,所以你將不得不修改元素以再次適合你的設計:http://jsfiddle.net/rzSFa/3/,這裏是它的外觀demo

順便說一下,你使用響應式引導樣式表爲零,它目前沒有在你的情況下做太多,所以爲什麼要使用它呢?雖然你可以很容易地修改一些媒體查詢來支持我的固定版本,但是你根本無法工作,因爲你用自定義寬度聲明瞭所有你自己的類,所以沒有必要包含它。

+0

太棒了..謝謝! – Keva161 2012-04-14 20:00:53

相關問題