存档
今天看到了smigoo一篇博客，是说IE6有重复字符的bug，其实这个问题自己以前遇到过，没有做深入的记录，今天把他的分享贴到这里，以备后用，嘿嘿！
今天看到一篇Fixing IE overflow problem，特地翻译一下，是用js技术修补的，上面还提到可以用css来修补，暂时我还不知道，等待查找，先看这篇文章： 直到最近，我才知道IE6/7有overflow问题，但它却是存在； 下面是详细的问题，它已经被我修正了： 问题： 和firefox和safari相比，我刚意识到是IE在overflow方面有一个不同的展现方式； 当在一个元素上应用overflow属性时，特别是火狐等其他浏览器，都在元素的外面显示横向滚动条（horizontal overflow scroll bar）； 你将不会发现这个问题，直到你自己比较它们两者的不同： 你将会注意到这个问题：在IE浏览器里，里面的内容在水平方向溢出（overflow）了，IE里面的解释是：我们在纵向方向也不能完整的看到所有内容，所有它自己产生了一个纵向滚动条（a vertical scroll bar）； 这里有个极糟糕的例子:假如内容区里面只有一行溢出了（它只有一个极微小的纵向滚动条<vertical scrollbar>）,如下： 所以我们的目标是：把横向滚动条（horizontal scroll bar）移到我们溢出内容的外面（outside）; 解决方案： 仅仅发现这个问题是没有任何意义的，纵向滚动条（Vertical overflow）仍然在内容区里面，这个问题仍然存在；如果对于你的溢出（overflow）元素你有一个确定的固定高度的话，你可能会跳过下面的这3个步骤，所以我们的解决方案是在IE里应用下面的这三个步骤： 找到所有的水平方向溢出的元素（Find all elements whose contents is overflowing horizontally.）； 在我们的元素下面添加20px的内边距（padding-bottom）（Add 20 pixels of padding to the bottom of our element）； 剥离纵向滚动条（Strip the vertical scroll bar.）； 据我目前的测试而言，典型的滚动条的高度就是20px; javascript解决办法： 声明：我所看到的解决这个问题的办法大部分都是通过CSS的方式或者是让浏览器处理这个问题；因为我们仅仅用if/only if在那些元素上面,我们还没有发现高度完美的解决方法能在所有的元素上表现一致(例如：如果我们添加内边距（padding）围绕这个元素，那么当一些块级元素没有溢出时将会出现奇怪的空行<blank line>)； 看这个在线例子(用IE查看)： [...]
下午偶然看到ISD WEBTEAM的关于行高的PPT，非常精彩，但其中有部分PPT已经失效，自己找到没有翻译之前的，对比着看，希望能对这个属性更深入的了解： Line Height View more presentations from Russ Weakley.
今天在52css论坛上看到一篇文章，特地记录一下，以用参考，据说是在W3上看到的，我暂时还没找到： 标签 css属性 html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre {display: block} li {display: list-item} head {display: none} table {display: table} tr {display: table-row} thead {display: table-header-group} tbody {display: table-row-group} tfoot {display: table-footer-group} col {display: [...]
很早就知道有怪癖模式，但是只懂其一，不只其二，今天就深入一下IE6,IE7的怪癖模式，这篇博客翻译：http://www.satzansatz.de/cssd/quirksmode.html，对其大概的解读如下： 在IE7下面运行怪癖模式，是为了给那些已经得到了页面的展示但是还想要把他们的页面代码显示在所有的IE版本的WEB工作者一个选择，而不仅仅是只喜欢运行在所有浏览器里的“标准遵循模式”下的那些童鞋，这个功能虽然不是经常使用，但是你仍然需要很好的了解一下它； 根据IE7的开发团队所讲，在IE7下运行怪癖模式和在IE6下运行怪癖模式所表现和展示的是一样的，这是向后兼容的原因； 触发怪癖模式： 在IE6中，一些文档定义类型（DTD）或者包含<xml>声明，都能引发怪癖模式或者向后兼容模式；如果这样的话，在IE6里的表现就像在IE5.5里面的表现一样，他们一起分享同样的bug、问题、行为； 在IE7里面，一个<xml>声明不再能改变渲染模式；如果有人想运行怪癖模式在所有的IE版本下，而不影响其他的浏览器，那可以在文档定义类型（DTD）前面插入一些注释（这些注释必须在<xml>声明之后），这种方法仍然能触发怪癖模式（IE7）,下面是代码展示： <?xml version=”1.0″ encoding=”utf-8″?> <!– … and keep IE7 in quirks mode –> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 在编写HTML 4.01页面文档时候也能在IE7里触发怪癖模式；IE6和IE7里，在DTD之前插入一个注释同样能触发向后兼容模式，如下： <!– quirks mode –> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> 验证渲染模式： 在浏览器里，那种渲染模式并不是十分明显的，所以可在在IE的地址栏里键入如下代码验证所用的渲染模式： javascript:alert(document.compatMode) 它会有两个值： BackCompat 对应quirks mode CSS1Compat 对应strict mode
近期评论