標籤:左右 div import splay strong add cli asc 存在
水平置中問題
IE下只要設定body{text-align:center;}這樣就可以置中顯示。
Firefox需要設定為:body:{text-align:center;margin:0px auto;}寬度問題
若給div一個 width:300px;padding:10px;
Firefox實際寬度320px,要算上左右的padding;支援!important,IE忽略IE6實際寬300px,padding是300px裡面的,把content往裡面擠;
頁面的最小寬度
IE不認得min-,而它實際上把 width當做最小寬度來使。為了讓這一命令在IE上也能用,
可以把一個<div> 放到 <body> 標籤下,然後為div指定一個類,然後CSS這樣設計:
#container{
min-width: 600px;
width:expression(document.body.clientWidth < 600? "600px": "auto" );
}
第一個min-width是正常的;
但第2行的width使用了Javascript,這隻有IE才認得,這也會讓你的HTML文檔不太正規。
它實際上通過Javascript的判斷來實現最小寬度。
在mozilla firefox和IE中的BOX模型解釋不一致導致相差2px
div{margin:30px!important;margin:28px;} CSS透明問題
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 FF:opacity:0.6。(Firefox) [注] 最好兩個都寫,並將opacity屬性放在下面。
圓角問題
IE:ie7以下版本不支援圓角。
FF: -moz-border-radius:4px(Firefox)
IE的雙邊距bug
設定為float的div在ie下設定的margin會加倍。這是一個ie6都存在的bug。
解決方案:在這個div裡面加上display:inline;
CSS的相容性