CSS / HTML Internet Explorer設置跨度寬度？

Question

只是一個簡短的問題...

我有一個使用以下選項在FF中正確設置的span容器：

<span id="qmmenue" style="left: 0px; top: 2852px; color: #777777; line-height: 12px; font-family: Calibri; font-size: 12px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=45, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=135, Strength=3); position: absolute; zoom: 1; max-width: 500px; background-color: white;" jQuery17207240081996974917="9">

在此跨度中，有一個圖像和兩個p元素。

我的問題是，在Firefox中，該框僅處於最小寬度。 Internet Explorer在大約80％的屏幕上顯示該框，並且大多數是空白的。

這里是FF和IE的屏幕截圖：

http://s16.postimage.org/i2ak9xj1x/firefox.png http://s16.postimage.org/fmdc9tqd1/internetexplorer.png

有什么想法嗎？

對於InternetExplorer，應該以最小寬度為宜，但如果可能，則跨瀏覽器;-)

//編輯：我在IE9中對其進行了測試，它必須適用於> IE8，這似乎不是block或inline-block的問題。 兩個版本中的結果相同

Answer 1

您正在測試哪個版本的IE。 您需要為IE display:block設置條件樣式以display:block （較舊的IE版本不支持內聯塊）

http://www.quirksmode.org/css/display.html

Answer 2

如果某些內容在其他瀏覽器中有效，但在IE9中無效，則可能是標題不正確。 檢查一下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

注意它不會神奇地與IE8兼容。

嚴重的是...使用Word生成直接提供的HTML並不是可行的長期解決方案...

CSS / HTML Internet Explorer設置跨度寬度？

問題描述

2 個解決方案

解決方案1
0 2012-05-30 14:38:44

解決方案2
0 已采納 2012-05-30 14:51:53

CSS / HTML Internet Explorer設置跨度寬度？

問題描述

2 個解決方案

解決方案1 0 2012-05-30 14:38:44

解決方案2 0 已采納 2012-05-30 14:51:53

解決方案1
0 2012-05-30 14:38:44

解決方案2
0 已采納 2012-05-30 14:51:53