浮動在Safari瀏覽器

我有一個網站，我做得非常快，使用浮動來顯示不同部分的內容。在FF/IE中，浮動的內容和具有額外邊距的內容都顯示正常，但Safari上的其中一個div完全隱藏。我試過切換到padding和position:relative，但沒有爲我工作。如果我將代碼顯示在右側，則會再次顯示，但是會顯示在浮動內容下方。浮動在Safari瀏覽器

CSS的主要部分，這似乎是造成問題的原因是：

#settings{ 
    float:left; 
} 

#right_content{ 
    margin-top:20px; 
    margin-left:440px; 
    width:400px; 
}

這給了我同樣的結果，我是否指定大小的#settings DIV或沒有。任何想法，將不勝感激。

該站點有售：http://frickinsweet.com/tools/Theme.mvc.aspx查看源代碼。

來源

2008-09-08 Ryan Lanciaux

@thanksd我開始了一個[關於你的編輯模式的元討論]（https://meta.stackoverflow.com/questions/314758/is-serially-editing-posts-to-include-syntax-highlighting-helpful）。請加入討論。 – ryanyuyu 2016-01-14 20:45:24

我相信錯誤在於顏色選擇器產生的標記。我保存了頁面，並刪除了顏色選擇器的代碼，並在IE/FF/SF中呈現良好。

來源

2008-09-08 18:21:39

你有沒有嘗試將#right_content div浮動到右邊？

#right_content{ 
    float: right; 
    margin-top: 20px; 
    width: 400px; 
}

來源

2008-09-08 18:00:55

對不起，我應該提到這一點。我嘗試將該內容正確地浮動，並嘗試將其左移，並設置該位置，並考慮到兩個div都將從左開始：0，在右側的邊緣設置會將其移過來。

感謝

來源

2008-09-08 18:03:24

你應該事先解決幾件事情：

你<style>標籤是<body>，它屬於<head>

當你在一個有錯字「realtive」你內聯風格：

<a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">

試着讓你的頁面到validate;這應該使調試實際問題變得容易得多。

來源

2008-09-08 18:03:42

浮動在Safari瀏覽器

回答

相關問題