解释：
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
引号里面分别填写，用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
不判断分辨率，只判断浏览器
应E.Qiang提议，编如下代码。实现根据浏览器类型自动调用不同CSS。
调用不同CSS文件JS代码：
代码如下 复制代码
<SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://如果浏览器为IE
setActiveStyleSheet("default.css");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}else{
file://如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
file://-->
</SCRIPT>
解释：
如果浏览器为IE，则调用default.css
如果浏览器为Firefox，则调用default2.css
如果浏览器为其他，则调用newsky.css
用法：放在<head></head>中即可。
如果你的网页布局还没有?弃ie6，就有可能会出现网页内容显示不完事的问题，现在我们来告诉你出现这个问题的原因及如何解决。
常常在低版本的浏览器如IE6查看一个网页显示完整，而在IE7及以上版本浏览器、火狐等浏览器上内容显示不完整-DIV+CSS网页内容显示不完整诊断教程。
样式截图如下：
说明：最后一排的内容文字只显示了一半。
分析造成原因：
1、css中设置了高度
2、设置了css样式表属性overflow:hidden，隐藏超出指定宽度、高度的对象-css隐藏。
解决方法：
1、css中设置了高度
取消其对象的高度(height)css样式，即可兼容各浏览器，内容也会显示完整。如果取消了高度让网页布局左右内容板块边框不对齐，你可以不取消高度，但是你需要减少内容，将显示不完整的内容去掉。
2、设置了css样式表属性overflow:hidden，隐藏超出指定宽度、高度的对象。
一般设置高度同时设overflow:hidden样式，会造成在IE6中也让内容显示不完整。解决办法如第一点，如果你不取消高度宽度限制条件下，你可以减少内容。
为什么在IE6中设置了高度也能显示完整，而在其它浏览器中却显示不完整?
答：因为IE6内核的原因，你设置了高度，但你内容超出设置高度，他将自然的撑破你设置的高度宽度，而在IE7、IE8、火狐等浏览器中将不能撑破设置的高度。
当然如果你想你设置的内容再多也不撑破你设置的高度宽度(包括IE6中)，你可以在设置高度和宽度同时再设置overflow:hidden属性样式，这样在IE6中也不会撑破你设置高度和宽度。
本教程我们将教你一些设置DIV间距的技巧，内容有如何清除上下的距离，如何清除DIV间距，设置DIV之间间距等。
一、消除上下结构距离
DIV之间距离
让两个上下结构DIV块距离为零，通常新手在制作DIV CSS页面的时候，不会考虑到初始化CSS属性，这样各标签属性默认的CSS属性将会造成错位、兼容等问题。
如上下结构的2个box DIV块，中间有一定间距无法消除
二、清除DIV间距解决方法
在CSS里设置DIV标签各属性参数为0
div{margin:0;border:0;padding:0;}
这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性，这里设置margin外边距为0;边框border属性为0和内补白也为0;这样相当于就初始化了DIV盒子之间距各属性距离为0，这样就不会造成DIV直接有一定的距离。
当然推荐在制作开发DIV CSS的时候最好将网页CSS属性、常用网页标签初始化一下。
CSS初始化技巧地址：/template/m17.shtml
三、设置DIV盒子之间间距
以上是使用CSS清除盒子之间距离。接下来为大家介绍设置盒子之间间距。
使用CSS样式单词为margin(可进入CSS margin教程了解详细使用方法)。
1、设置对象的上下间距
.divcss5-a{margin:10px 0}
设置“divcss5-a”对象上下间距为10px,左右为0
2、设置对象左右距离
.divcss5-b{margin:0 8px}
设置“divcss5-b”对象上下间距为0,左右为8px
3、设置DIV盒子与上方相邻间距
.divcss5-c{margin-top:10px}
设置“divcss5-c”对象与上方相邻间距为10px
4、设置DIV盒子与下方相邻距离
.divcss5-d{margin-bottom:10px}
设置“divcss5-d”对象与下方相邻间距为10px
5、设置DIV盒子与左方相邻间距
.divcss5-e{margin-left:9px}
设置“divcss5-e”对象与左侧方相邻间距为9px
6、设置盒子与右方相邻距离
.divcss5-f{margin-right:12px}
设置“divcss5-f”对象与右方相邻间距为12px
以上我们为了方便介绍margin设置对象外间距，将对象分别CSS命名为".divcss5-a"至“.divcss5-f”,实际使用时候更加需求命名。
四、让左右结构内容之间有一定间距距离
如上图，左右结构内容之间一定距离设置技巧
解决方法与技巧：
相关文章
精彩导读
热门资讯
关注我们
