*height:{} 对IE的样式

* html height{} 对IE6的样式

html>/**/ body 针对非IE

如何清除浮动

//IE中有时清除浮动

.abcd {

    display: inline-block;

}

.abcd {

    display: block;

}

//firefox中有时清除浮动

.abcd:after {

    content: ".";

    display: blcok;

    visibility: hidden;

    clear: both;

    height: 0;

    overflow: hidden;

}

//firefox 的另一种清除浮动的方法

.abcd:after{

    content: "\0020"; //"\0020" 是CSS中空格的字符编码

    display: block;

    clear: both;

    overflow: hidden;

}

DNN中的一些问题

Event Viewer 页面内容不转行问题

问题说明:---------------------------------------------

Event Viewer 页面的日志内容是用table呈现的,在table内的td标签上有一个nowrap属性,此属性会让内容不转行显示,这里内容很多,在不转行的情况下内 容会变得很宽,以至让浏览器出现水平滚动条而且为破坏皮肤的效果,所以让这里的内容不转行显示更合适。

Event Viewer页面位置:Admin > Event Viewer

版本:DNN4

解决方式:---------------------------------------------

在皮肤的CSS文件中加入以下代码

table[id*="LogViewer"] td {

    white-space: normal;

}

代码说明:---------------------------------------------

这 是一个CSS中的属性选择符,table[id*="LogViewer"]表示table元素的id属性值如果包含LogViewer字符串就应用此样 式,因为Event Viewer 页面的日志内容上没有单独的class值,而且id值是动态的,但id值里面总是包含字符串LogViewer,所以可以用属性选择符来为此处赋予这个样 式。

之前用了一个错误的解决方式,直接在CSS中写 td { white-space: normal; } 这个代码,虽然也能解决这个问题,但td是一个元素选择符,这个代码会应用到所有td元素上,有些需要内容不转行的td元素因为加了这个属性而内容也转行 了(如:Admin  > User Accounts > Edit User Accounts 页面的内容),所以这不是一个合适的解决方式。

属性选择符浏览器支持情况:IE7+, Firefox, Opera, Safari, Google Chrome