在MacOs上的CSS問題，在所有瀏覽器的窗口上都可以

我有定位我的div的問題。在Windows上，每個瀏覽器都可以，但在MacOS上則不同。這是網站：http://www.pulbus.pl 在MacOs上的CSS問題，在所有瀏覽器的窗口上都可以

問題出在主頁和聯繫頁面。在左下角的聯繫div在藍色標籤下方。它比20px左右的窗口要低。

這是我的doctype：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

我的XHTML和CSS是有效的，我檢查他們W3驗證。

代碼：

<div id="data"> 
    <span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/> 
    ul. Waleniowa 7/3 <br/> 
    85-435 Bydgoszcz <br/> 
    <a href=" mailto: [email protected]">[email protected]</a><br/><br/> 
    <span id="tel">tel: +48 500 100 333</div> 
</div> 

#data 
{ 
    font-size: 12px; 
    color: #003664; 
    margin: 0 auto; 
    padding: 0 0 0 0; 
    width: 320px; 
    font-family: Verdana, Helvetica, sans-serif; 
    position: relative; 
    top: -380px; 
    right: 160px; 
}

來源

2009-11-08 rafal

你在Mac上使用什麼瀏覽器，以及哪個版本？你也有一段代碼嗎？ – theraven 2009-11-08 19:35:51

@theraven，+1，@rafal，您需要向我們展示一些代碼。你在使用文檔類型嗎？哪一個？至少我建議向我們展示頁面的來源，或者鏈接到展示相同問題的現場演示頁面。 – 2009-11-08 20:24:12

是上面顯示的直接複製和粘貼的標記嗎？ – Aaron 2009-11-08 23:24:24

在Windows上我已經測試我的網站：鉻，歌劇，IE，火狐在Mac上：FF我的Safari

這是很奇怪的，也許有些字體問題或那樣嗎？有可能的？我現在沒有snippset，這只是一個與跨度裏面的位置相對設置的div。

來源

2009-11-08 20:19:07 rafal

爲了擴大您的問題並提供更多信息，您最好點擊問題下方的「修改」鏈接並添加問題，而不是將評論提供爲「答案」。 :) – 2009-11-08 20:22:45

並請提供一個鏈接或一些截圖到實際的問題。 – 2009-11-08 20:25:46

以及瀏覽器的版本。 – AnonJr 2009-11-08 20:41:15

您似乎缺少結束標籤

<div id="data"> 
    <span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/> 
    ul. Waleniowa 7/3 <br/> 
    85-435 Bydgoszcz <br/> 
    <a href=" mailto: [email protected]">[email protected]</a><br/><br/> 
    <span id="tel">tel: +48 500 100 333</span> 
</div>

的</span>遠攝號碼在您的示例標記

來源

2009-11-08 23:18:27 Aaron

在FF 3.5 @ MAC，你必須設置後失蹤......

#data { top: -101px; }

...正確顯示。

也...

#readmore { top: 8px; }

...將糾正另一個不好的定位。

我必須說構建一個網站相對/絕對定位是一個很頭疼的事情。我建議切換到靜態浮動結構在框模型hack。

無論如何，我建議你的JavaScript庫CSS Browser Selector在易於永恆辦法適用您以這種方式需要的CSS黑客：

.os.browser .your-markup { ... } 
.mac.ff3_5 #data { top: -101px; }

希望這有助於。 :)

來源

2009-11-09 01:14:02

在MacOs上的CSS問題，在所有瀏覽器的窗口上都可以

回答

相關問題