最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。 ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。 ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有padding值。【下图中的第二第三例的对照可以看出】 在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置...
十分郁闷的问题，看下我原来写的代码： 无标题文档 body{width:990px;} #head{height:95px;width:990px;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 居然出现了水平滚动条，问题是我定义的宽度才950px啊！最后还是在网友的帮助下，发现了原因： 1 可以直接把body的css改为: body{width:990px; margin:0; padding:0;} 2 可以添加：* {margin:0;padding:0;}添加后运行效果： 无标题文档 * {margin:0;padding:0;} body{...
转自 蓝色理想 作者 bias 原文地址 http://www.blueidea.com/tech/site/2006/3296.asp 之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团，一直听说IE5是WEB标准制作的一个“钉子户”，现在不得不相信了。 既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的就能为IE的不...
最近在做网站的时候碰到了一个问题：我用 ul 标签和 li 标签构建的导航栏想要在不确定 li 数量和 li, ul 宽度的情况下居中，但是给 ul 使用了 text-align:center 之后却没有起到应有的效果。 原来的页面结构是： 代码如下: Firede Style5 样式表结构是： 代码如下: #menu{...} .menu_ul{...} .menu_li{...} 这样本来也是没有什么问题的，但是因为要实现一个功能却定义了一个ID（menu）和两个CLASS（men...
上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取4条，一次取5条；要么一次取出9条，再分在两个单元格中显示。能不能通过设置图片的属性，让文字和图片像Word中一样可以四周环绕对齐？这样程序就不用理会图片，只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题，效果如下图：<div align="left...
此时在IE中到底是什么在影响着最终的显示，又是如何解析的呢？ 可能的影响因素：字体大小（font-size），字体行高（line-height），高度（height），溢出（overflow） 我们对上面的代码逐一添加过滤属性（具体的过程有兴趣的朋友，可以私下里实验一下，“自己动手，丰衣足食”！） 在测试的过程中，你会发现IE6和IE7的解析也不尽相同，比如在给div设置了line-height:0; height:0; 的样式后，IE7中显示正常了，不再占据...
Firefox返回时Iframe的显示Bug的解决方法_经验交流<script type="text/javascript">//<![CDATA[ if(getCookie(firefoxIframe)){ document.write(<p id="addAd"><a href="cookie.html">点击这里删除这个iframe</a></p>); document.write(<iframe height="120" width="300" marginheight="0" marginwidth="0" frameborder="0" src="nAdPre.swf"></iframe>); }else{ document.write(<p id="addAd"><a href="cookie.html">点击这...
1.加clear空div .clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-mac */ .clearfix { display: block; margin: 0px; clear: both; padding: 0px; visibility: hidden; background-color:#666666; border:0px none #FFFFFF; } .cle...
自从互联网开始的那一刻起，各浏览器间的争斗就没有停止过。当然其中最苦的就是网页制作人员了，为了达到用户体验以及可用性的标准，不得不在多个浏览器上为统一效果而奔波。真希望哪一天FF可以一统天下，虽然现在还是IE的大天下。特别是微软最新发布的IE7浏览器，其CSS的兼容性确实给一些网页制作人员又添加了一个沉重的新负担。 为了让各浏览器有同样的显示效果，我们不得不用到CSS HACK。当然在这篇文章中我们只谈现在使用率最高...
web开发人员关心的IE7和IE8共存的问题其实可以很好的解决。解决方案一：在浏览器右上角有一个“模仿IE7”的切换按钮，但有点麻烦，需要关闭浏览器再重新打开才可以。 解决方案二：在IE8自带的“开发人员工具”中，点击查看选择striet(Internet Explorer7)，既可以不重新启动浏览器观看IE7下的效果。可以只提供IE5/7/8三种，并没有IE6模式，还好我有" href="http://tredosoft.com/Multiple_IE" target="_blank">Multiple-IE。 解决方...
HTML文档与CSS的关联常见有4种方式： 使用link标记 使用style元素 body{background:#fff;} h1{font-size:2em;} 使用@import指令 @import url(sheet1.css); @import "sheet2.css"; 使用style属性的内联样式(inline style) 这是红色的字 在实际应用中，使用style属性的内联样式是不推荐使用的，XHTML1.1已经将其标准为不建议使用，原因很简单这种方式不比font标记强多少，削弱了CSS集中控制整个文档外观的优点。前3种方式利用了...
解决办法有两个: 1. 样式表里不要有import的样式表。 2. 把link的type属性设置为空值， 然后再修改 href 的地址，最后再把type值设置成"text/css" 强制让ie解释新的样式表。 当然，在这里俺是推荐第一种方法哈。虽然import样式对样式表的维护很好，但是IE就是支持得不好。
虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题： 一、样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标 可以通过例一到例六来了解最常见的情况。 如果想整个body都出现失去光标，可以设置html和body两个容器，请看示例。包括举例的overflow:auto在内能引起该Bug的overflow属性共有： overflow:auto...
其实建议用css控制超出隐藏显示也就是标题因为设计的宽度问题所以没有显示全，看样子是使用程序来截字的。我想很多网站都遇到这样的情况。为了视觉效果不得不进行截字显示以满足网站的整体视觉效果。通常我们采用截字的方法是两种，一种是通过后台输出时来事先设定一定的字符数量。另一种是通过CSS或是JS来对已经输出的完整的内容进行视觉剪截。 在网页标准没有兴起的时候基本上是采用第一种方式来解决这个问题，直到现在这种方式依...
第一次遇到这样的问题，就是定义div的边框有部分却显示不了。而在firefox里却是一切正常，该死的ie，太过分了。 代码也没有问题，查了好多资料，还百度了许多网站，在blueidea里也没有找到解决办法。后来在台湾的一个网站上发现了一个很几的解决办法： 如下： 左右两边的边框就是不显示，气不死你~~郁闷， css是： 代码如下:#divproject { margin-top: 5px; border: 1px solid #0099CC; } 后来按照那个网站的介绍，在里面加...