网页标准在实践中所碰到的小问题

原创 2005年01月01日 10:16:00
在公司推崇web standards并彻底转变原先的工作流程和思路,布局+内容+皮肤基本三层元素分离。

我通常会定义body(或div)的字体属性,问题在IE中出现了(非IE正常)~
1.当遇到div中嵌套form时,div会被撑大;
2.当定义div的height值(总值)小于12px(比如有些装饰用的背景图片只有5-10px高),div也会被撑大;


第一个问题很好解决:定义form的margin: 0px;padding: 0px;属性即可or <div id="headerLine"><!-- --></div>

第二个问题先前以为是IE的问题,因为在其他的非IE浏览器里预览都很正常。
但今天突然想到原来用table做几个象素高的重复背景时,是将其td的空格符号删除,罪魁祸首就是默认的字符大小占据了高度,尝试将属性font-size: 0px;不管height值多小~都不会被撑大了~

还有些其他的小问题也值得思考~例如“li”的background-image或list-style-image属性的利弊等等~在实践中我们都会遇到~
重构之美-迎接网站标准化设计的来临(第二天,几乎放弃)

通过一些讨论,关于div等IE 15px高度BUG问题,感谢No3和cloudchen各给出了一个很好的解决办法:
  1、设置line-height,例:XX{line-height: 1px; }
  2、设置overflow,例:XX{overflow: hidden; height: 1px}
  个人感觉,line-height很直观简单,overflow稍需理解。


唉……我真是郁闷啊!
另外,设置font-size并不能解决问题,很简单,你用这个办法画一条1px的背景线来看看,不行的,最小也是2px。
还有你的样式太不简洁了,帮你简写你看看:
#headerLine {MARGIN: 0px 0px 0px 0px; PADDING:0px 0px 0px 0px; BORDER: 0px ;BACKGROUND: url(2005_bar.gif) ; WIDTH:100%;height:1px;}
相当于
#headerLine{margin: 0; padding: 0; background: url(2005_bar.gif); height: 1px;}
你看看,几乎减了一半下来,如果放在整体里面,甚至margin和padding也许都不用。最后加上一个overflow: hidden; 就行了。 100%的width和0的border根本不用写出来。

标准建站过程中应该注意CSS的兼容性问题

使用XHTML+CSS构架好处不少,但也确实存在一些问题,以下把经验分享给大家。   1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:   div...
  • axl19530209
  • axl19530209
  • 2015年02月10日 08:39
  • 206

工作中碰到的小问题

工作过程中的时常会碰到一些小问题,贴出来,供大家参考1. [标题:] [ASP.NET]System.UnauthorizedAccessException: 拒绝访问。[关键字:] 异常详细信息: ...
  • FollowIT
  • FollowIT
  • 2008年01月09日 10:11
  • 694

DOM碰到的小问题

这几天学了一些DOM的知识,一开始不知道DOM在火狐和IE中还是有很大区别的,有些在IE中运行好好的,在火狐中偏偏不能运行,开始很纳闷,看代码写的一点也没错,后来才发现是IE和火狐浏览器在解析DOM时...
  • yual365
  • yual365
  • 2011年09月12日 13:09
  • 253

请谈一下你对网页标准和标准制定机构重要性的理解。

网页标准和标准制定机构都是为了能让web发展的更‘健康’,首先约束浏览器开发者遵循统一的标准,其次约束网站开发者,这样降低开发难度,开发成本,SEO也会更好做,也不会因为滥用代码导致各种BUG、安全问...
  • xujie_0311
  • xujie_0311
  • 2015年01月05日 16:51
  • 2270

工作中的一个小问题

今天同事看了一句我以前写的代码,用了三元运算符  PropertyScript.instance .isLifeFreeze = PropertyScript.instance .isLifeFree...
  • u010386327
  • u010386327
  • 2013年07月25日 18:06
  • 562

我在修改leftButtonButtonItem所碰到的一些小问题

我在修改导航栏的返回按钮时候碰到一些小问题。我把问题描述一下;业务要求是;从求购列表进入求购详情,返回按钮显示的是箭头+求购两个文字,从供应列表进入供应详情,返回按钮显示的是箭头+供应两个文字。现在,...
  • liao7013
  • liao7013
  • 2016年02月25日 10:00
  • 143

工作中遇到点小问题

今天给一家客户维护网吧, 装的是VD还原,管理软件是长春同联软件,装完之后吧台可以解锁客户端,但是顾客上机交押金缺总是锁屏,用TASKKILL 清理C盘进程后,运行同联管理软件一切正常,判断VD保护软...
  • xuyingcctv
  • xuyingcctv
  • 2007年12月02日 15:23
  • 216

一大早碰到的一堆小问题

  第一个是Eclipse里的builidpath的问题  因为jar里少了一个log4j.jar,于是我从别的地方拷了一个过来。没料报错了。。百思之下不得其解,于是remove后又build进来。O...
  • salinone
  • salinone
  • 2008年12月10日 10:41
  • 364

碰到指针相关的小问题

整型指针: int main(void) { int *p; cout
  • evil0eye
  • evil0eye
  • 2015年02月08日 14:54
  • 251

2011-6-12 碰到的几个小问题

 (一)printf 问题:double i = 1;int j = 2;printf("i = %d, j = %d/n", i , j);那么得到的结果是:i = 0, j = 107269324...
  • Ididcan
  • Ididcan
  • 2011年06月12日 20:21
  • 728
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页标准在实践中所碰到的小问题
举报原因:
原因补充:

(最多只允许输入30个字)