Internet Explorer上非常奇怪的CSS問題。我不知道什麼是錯的！

我剛剛測試了一個我在Internet Explorer中設置的網站。當然，在Firefox中運行良好。我有一套樣式表，其中大部分都有背景圖片I，用戶可以根據自己的喜好選擇不同的樣式表。樣式表呈現與顏色和背景完全相同，當然基於文本的版本呈現不同。無論如何，我也有一個字體大小更改器，以便用戶可以選擇最適合他們的字體大小。我有4個設置，從小，標準，大和Xlarge範圍，當我加載大和xlarge字體大小bg圖片到達我的div的末端是很好的。但是，當我使用小尺寸和標準字體時，bg圖片只能覆蓋大約5％的圖片。下面的圖片可能會幫助你理解我的問題。Internet Explorer上非常奇怪的CSS問題。我不知道什麼是錯的！

乾杯CHL

詩的字體大小CSS只包含字體大小的類和id，而不是背景造型。

問題： http://www.webquark.co.uk/project/problem.bmp

在較大的字體大小工作： http://www.webquark.co.uk/project/working.bmp

是什麼樣子在Firefox工作： http://www.webquark.co.uk/project/firefox.bmp

繼承人我的CSS設置BG：

.content{ 
background-image: url(springBG.jpg);/**Change for season**/ 
background-attachment:fixed; 
background-position:top center; 
background-repeat:no-repeat; 
font-family: Calibri, Ariel, sans-serif; 
}

來源

2009-02-14 Cool Hand Luke UK

@Dana：哪個IE版本？ – 2009-02-14 14:31:46

你必須有一個訣竅因爲這個問題搞砸了我的Firefox！ :-) – 2009-02-14 14:34:05

圖像太大，無法包含，我無法讀取問題:( – jeroen 2009-02-14 15:27:45

嗨我發現了我需要設置div的高度的問題。對於那些誰提到這個我加了點到你的代表，並感謝您的意見：d

CHL

CSS：

height:100%;

來源

2009-02-14 19:03:19

「Internet Explorer上的CSS問題。我不知道什麼是錯的！」

這是幾乎每天都在我的辦公室聽到。

我唯一的建議是儘量設置背景元素的高度。CSS的

來源

2009-02-14 14:34:27

說起。問題，標籤框下面的內容溢出在您的文章

來源

2009-02-14 14:38:47 moo

嘗試白色的div重疊的背景（具有所有的在它的話）後，清除浮在最簡單的方法是添加：

<div class="spacer"></div>

緊隨白色div的結束標記之後。如果這不起作用，嘗試將它添加到白色div的結束標記之前的行中。 CSS for spacer：

.spacer 
{ 
    clear: both; 
    height: 0; 
    line-height: 0; 
    font-size: 0; 
}

來源

2009-02-14 14:41:49

你能發佈生成的HTML嗎？

我猜測IE瀏覽器沒有看到你的容器中的類「內容」的任何內容。這可能是因爲內部內容沒有「hasLayout」（一個神奇的IE事物）

如TM建議，嘗試將高度設置爲「1％」，該值應該觸發hasLayout，或設置「zoom：1;」。這也是訣竅。

來源

2009-02-14 14:42:13 scunliffe

在您的CSS聲明中使用「Ariel」字體名稱。這個可能不存在。宋體，就是。 Ariel是某種洗滌劑。

其實，正確的非襯線序列的聲明將是：

font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;

來源

2009-02-14 14:49:18 User

你可以繼續使用速記CSS的背景，像這樣：

background: url(yourimage.jpg) no-repeat top center;

此外，IE6不支持背景附件：固定在身體之外。

來源

2009-02-14 18:19:26 miketaylr

很難確定沒有看到其他代碼或活動網站，但這看起來像一個經典的包含浮動問題。處理這個問題最簡單的方法是將overflow: auto添加到包含您的浮動框的框中（我猜這是.content，這裏）。這應該將壁紙拉伸到適當的高度。

如果不成功，請嘗試添加Logan suggested到您的.content div末尾的「clearfix」間隔符。

來源

2009-02-14 18:55:18

Internet Explorer上非常奇怪的CSS問題。我不知道什麼是錯的！

回答

相關問題