CSS相容的一些解決方法

css 對瀏覽器的相容性有時讓人很頭疼,或許當你了解當中的技巧跟原理,就會覺得也不是難事,從網上收集了ie7,6與fireofx的相容性處理方法並整理了一下.對於web2.0的過度,請盡量用xhtml格式寫**,而且doctype 影響 css 處理,作為w3c的標準,一定要加doctype宣告.

css技巧

1.div的垂直居中問題

vertical-align：middle; 將行距增加到和整個div一樣高 line-height:200px; 然後插入文字，就垂直居中了。缺點是要控制內容不要換行

2. margin加倍的問題

設定為float的div在ie下設定的margin會加倍。這是乙個ie6都存在的bug。解決方案是在這個div裡面加上display:inline;

例如：

<#div id=」imfloat」>

相應的css為

#iamfloat

3.浮動ie產生的雙倍距離

#box

這裡細說一下block與inline兩個元素：block元素的特點是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);inline元素的特點是,和其他元素在同一行上,不可控制(內嵌元素);

#boxhtml>body #box

zoomla！逐浪cms