解决在IE6下文字溢出(多出一行字)的问题方案

这是注释bug,经典的ie bug。

说明:注释造成文字溢出是IE的BUG,注释造成文字溢出与其位置有关,注释造成文字溢出与文字区块的固定宽度有关,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。 当溢出的文字字数大于文本的字数时,文字区块将会消失。

解决方法:
1、不放置注释。最简单、最快捷的解决方法,嘿嘿……
2、注释不要放置于2个浮动的区块之间。
3、将文字区块包含在新的div之间,如:

  1. <div style="width: 400px; float: right"><div>这就是多出来的那只猪</div></div>

4、去除文字区块的固定宽度,与3有相似之处。

雅虎中国使用的样式初始化

  1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  2. margin:0;
  3. padding:0;
  4. }
  5. table {
  6. border-collapse:collapse;
  7. border-spacing:0;
  8. }
  9. fieldset, img {
  10. border:0 none;
  11. }
  12. address, caption, cite, code, dfn, em, th, var {
  13. font-style:normal;
  14. font-weight:normal;
  15. }
  16. ol, ul {
  17. list-style-image:none;
  18. list-style-position:outside;
  19. list-style-type:none;
  20. }
  21. caption, th {
  22. text-align:left;
  23. }
  24. h1, h2, h3, h4, h5, h6 {
  25. font-size:100%;
  26. font-weight:normal;
  27. }
  28. q:before, q:after {
  29. content:'';
  30. }
  31. abbr, acronym {
  32. border:0 none;
  33. }
  34. body {
  35. font-family:Arial,Helvetica,sans-serif,SimSun;
  36. font-size:12px;
  37. text-align:center;
  38. }
  39. .fixfloat {
  40. }
  41. .fixfloat:after {
  42. clear:both;
  43. content:".";
  44. display:block;
  45. height:0;
  46. visibility:hidden;
  47. }
  48. .cate {
  49. font-family:SimSun;
  50. }
  51. .strong {
  52. font-weight:800;
  53. }
  54. .disnone {
  55. left:-1000px;
  56. position:absolute;
  57. visibility:hidden;
  58. }
  59. h1 {
  60. display:none;
  61. }

min-height 不支持ie6的

虽然ie6不支持min-height,但平常ie6会自动填充高度,所以不定义高度也没有有关系。

主要应用到搜索、文章等页面(没采用100%高度,当搜到的内容较少时,不至于页面太短。

  1. .box{ 
  2.     min-height:200px;
  3.     _height:200px /*IE6的hack*/
  4.     }

加一个网站的文章测试一下!

深圳大众物业广州分公司的网站做了差不多半年了,不知道为什么在百度上一直都搜索不到!没有办法,博客里也放一个做一下外链.这蜘蛛应该会爬一下吧!

我一直都用谷歌,那边收录都挺好的!

层被select框遮挡的解决办法

做好一个下拉菜单,效果还不错!可是当遇到select框的时候就不行了,被遮挡了,像是被拦腰截断了一样!其它解决办法好简单在浮动层里加一个iframe就可以了。我想应该是iframe的优先级比select高吧!

网页浏览器无法打开网页解决办法!

        今天同事的浏览器出问题了,用IE、firefox在地址栏输入域名都是Res://ieframe.dll/dnserror.htm但只要输入ip地址就可以显示网页,输入一般网址就不行。然后上网找了好多办法,DNS设置了没有问题,dll也重新注册过了还是没有解决!!

最后通过一个命令解决问题了

1.点开始->所有程序->运行->cmd

2.进入命令提示符模式后,输入下列命令 netsh winsock reset 按enter

3.重新开机问题解決了

使用behavior属性加iepngfix让IE6 里PNG透明

behaviors是一种通过使用 CSS 向 HTML 元素添加行为的方法,不过只有 IE支持 behavior 属性

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. .sample { behavior: url(iepngfix.htc);background: url(images/tape.png) no-repeat; }
  5. </style>
  6. </head>
  7.  
  8. <body>
  9. <div class="sample"></div>
  10. </body>
  11. </html>

Read the rest of this entry »

好细致逼真的战争模型!

这些模型太牛了,海浪、烟雾、人物表情、机器都好细致。想想小时候我们也有玩,怎么就没有玩到这个境界呢?他们在看什么?

351c15f6ed5a7e632ceb2c8f25dbc985

Read the rest of this entry »

点滴收集HTML有语义的标签

上一篇在加入代码的时候用了<pre>和<code>,

<pre>是块级元素,可以包含多行的内容。被包围在 pre 元素中的文本通常会保留空格和换行符,显示内容如需换行只要在源文件中换行即可无需要代码实现。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码

<code>是内联元素只包含短小的一句或几个字符

上次做了一个new的小图标放在某个导航的右上角,发现有人用<sup>来表示,不知道是什么就查了一下资料,原来<sup> 可定义上标文本,<sub> 标签可定义下标文本。

在博客的页底还能发现用<cite>包含的wordpress的声名,<cite>是定义引用。可使用该标签对参考文献的引用进行定义,比如人名,书籍或杂志的标题。

知道这些的话,可能看html文档的时候就没有那个枯燥了。

关于CSS锚伪类不起作用要注意的事情

一般我们描述链接的状态都用这4种状态

  1. a:link{color: #FF0000}     /* unvisited link */
  2. a:visited {color: #00FF00}  /* visited link */
  3. a:hover{color: #FF00FF}   /* mouse over link */
  4. a:active {color: #0000FF}   /* selected link */

但是我们在写顺序的时候要注意,在CSS的定义中,a:hover必须写在 a:link 和 a:visited 之后,才是有效的。

a:active 必须写在 a:hover 之后,才是有效的。

不过我平常都只定义了a和a:hover,所以对于顺序的问题也不怎么关心,今天看了相关的文章才知道。看来基础的东西还是要多看看要不都不知道怎么会事。

←Older