IE中的CSS/HTML問題 - 如何解決？

http://noasimon.co.il/

它看起來在火狐，Chrome，Opera和IE8
但是，當我打開IE8中的「兼容性視圖」菜單圖像去細在文本下方。

這僅發生在該視圖中的另一個問題是在這個頁面：
http://noasimon.co.il/exhibition2010

縮略圖走得太遠左視圖之外。

任何人都知道我該如何解決這個問題？我對這類東西的經驗很少。

2010-07-01 shoosh

.ngg-album { 
    position: relative; 
} 
.ngg-albumimage 
img { 
    position: absolute; 
    left: 0; 
    top: 0; 
} 
.ngg-albumimage { 
    display: inline; 
}

來源

2010-07-01 13:32:28 reisio

工作，只有一個fixe - 而不是'left：0'它應該是'right：250px'。謝謝！ – shoosh 2010-07-01 15:21:35

此外，仍然在IE瀏覽器中，出現頁面縮小時出現錯誤的情況... – shoosh 2010-07-01 15:29:44

在哪個IE瀏覽器？你意識到你的ie.css會去所有版本的IE，對吧？ – reisio 2010-07-01 15:51:28

祝賀W3C有效的HTML！（我檢查，以確保公正）

因爲它看起來像div#header總是將是50px高，總是在（0,0）div#wrapper內，並在（0,50）的div.sidebar始終，爲什麼不能做到這一點：

div#wrapper { 
    position: relative; 
} 

div#wrapper div#header { 
    position: absolute; 
    height: 50px; 
    top: 0px; 
    left: 0px; 
} 

div#wrapper div.sidebar { 
    position: absolute: 
    top: 50px; 
    left: 0px; 
}

來源

2010-07-01 07:28:59 amphetamachine

..標題很好，我其實說的菜單 – shoosh 2010-07-01 07:52:17

在你的頁面上的第二次看我以爲一招礦採用的朋友不妨來幫助：

* {填充：0; margin：0;}

這通常有助於解決常見的IE兼容性問題，與邊界和填充的默認值有關。

來源

2010-07-01 09:00:55 vlood

沒有明顯的效果。 – shoosh 2010-07-01 09:11:53

您是否在CSS文件的頂部添加了這一行？只是好奇它是否會有所作爲... – vlood 2010-07-02 06:31:50

看起來這是"double margin"

良好的情況下，基本上你需要的「兼容視圖」做的是設置display到inline上漂浮，並有餘量的元素。

.ngg-albumtitle { 
    float: right; 
    display: inline; 
}

來源

2010-07-01 09:07:22 peirix

剛試過這個。問題依然存在。 – shoosh 2010-07-01 09:35:32

你可以使用..

.sidebar UL { 保證金：0像素; padding：0px;

} .sidebar li { float：right; display：inline-block; margin：1px; padding：0px 4px'

font-size：..;

}

感謝 Ptiwari。

來源

2010-07-15 08:03:59 Prashant

IE中的CSS/HTML問題 - 如何解決？

回答

相關問題