Web Standard
文章平均质量分 55
smile2me27
这个作者很懒,什么都没留下…
展开
-
错误的盒式模型和一个解决办法
下面这幅图是我的Blog页面使用Mozilla浏览的时候的情况。 一塌糊涂吧,左边的导航栏覆盖住了右边的内容浏览区,还有一幅图片(我用来做Border背景),漂浮在错误的位置上。为什么会出现这样的问题呢?原因是IE浏览器对CSS Box model的理解和Mozilla的理解不一样,Mozilla按照W3C推荐的CSS标准来创建CSS Box model,IE浏览器对Box model有一个错误原创 2004-07-15 20:52:00 · 1549 阅读 · 0 评论 -
在IE及某些浏览器中的CSS Bug
1,CSS注释 Bug 在IE5.0(window&&mac)及之前的版本,对于类似于下面的css注释,无法识别。 #commentImmediatelyAfterSelector/* */ { color: #f00; } 2,选择器 IE浏览器都不支持CSS2中的大部分选择器的语法(http://www.w3.org/TR/REC-CSS2/selector.html#attribute-se原创 2004-07-22 18:14:00 · 1217 阅读 · 0 评论 -
使用CSS布局的网页
通常网页的布局有这么几种:单行单列单行双列单行三列顶行三列 老式的网页采用table来布局整个网页,而标准化的web提倡避免table的布局,使用css来定义呈现信息,对于上述几种网页布局如何使用css来实现呢?Owen Briggs提供了下面这个Boxs网页用16个例子来解决纯css布局问题。 http://www.thenoodleincident.com/tutorials/box_less原创 2004-07-23 13:17:00 · 2097 阅读 · 1 评论 -
vertical-align是什么意思?
早上一个同事提出了一个问题,下面这句html元素中的文本为什么不能垂直居中。dddddddda我用浏览器试了一下,它的展示图如下:vertical-align声明在很多中文文档中解释是“决定元素在垂直位置的显示”,它有下面几个参数baseline | sub | super | top | text-top | middle | bottom | text-bottom | baseline:与元原创 2004-07-16 15:41:00 · 4400 阅读 · 1 评论 -
摆脱表格布局的网页
尼采呐喊:上帝死了。但是人该怎么办?如果网页中的表格死了,我们又该怎么布局呢,我们能不能通向一条更自由、更有创意的道理?Web标准化设计的先行者们使用XHTML+CSS创造了一个更为绚丽的世界。好了让我们来看看这些先行者们的伟大作品。CSS禅意花园;这里是一个最富盛名的CSS创意天地,本身就充满着无尽的创意。Fyrebase MOZILLA5.0 ;像素精准的标题,主题切换,丰原创 2004-09-09 19:05:00 · 1478 阅读 · 0 评论 -
还是得注意DOCTYPE的声明
前两天才提到DOCTYPE的问题,今天在博客堂发现也有人为它所困扰。在lostinet《可怕的loose.dtd》这篇文章里谈到因为使用了DOCTYPE使一个样式失效的问题。但是仔细看了看,发现其实并不是因为DOCTYPE在做怪,而是不正确的html代码和没有理解DOCTYPE造成。下面这个html代码是lostinet提到的失效的代码:注意看div的style属性,在red后面多了一个"符号,粗原创 2004-11-02 18:35:00 · 2631 阅读 · 0 评论 -
别忘了文档类型声明
以前在做网页的表格数据展示的时候,我曾经也想做一个固定Header,滚动内容的Table,但是用css的方法没有成功,而脚本的方法太麻烦,就没有用。前几天看到一个网页,也就是用固定Header滚动Body的Table,它是纯粹采用css实现的。难得的不是只用css实现了这种效果,而是它让多种浏览器能够兼容,它支持IE6/5.x、Opera7.x、Mozilla1.x、Konqueror 3.x等。原创 2004-10-29 17:31:00 · 1731 阅读 · 0 评论