日志分类:上海SEO 网站制作

3像素文本偏移bug 下

2009-02-13,星期五 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 631 views

margin-left: 0;
}
/*End hide from IE5/Mac*/
文本偏移被修复了,但是现在另一个3像素间隙出现了,这一次是在浮动元素上。为了去掉这个间隙,需要在浮动元素上设置一个负值的3像素右空白边:
/*Hide from IE5-Mac. Only IE一Win sees this.\*/
*html p{
height:1%;
margin一left: 0;
} 全文阅读 »

3像素文本偏移bug 中

2009-02-12,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 519 views

如果浮动元素是除了图像之外的任何其他东西,那么这个问题已经修复了。但是,如果浮动元素是图像,那么还有最后一个问题需要解决。IE S.xIWin在图像的左右都添加3像素的间隙,而IE 6不改变图像的空白边。因此,需要用另一个招数只在IE S.xIWin上去掉3像素的间隙: 全文阅读 »

布局有什么效果

2009-02-09,星期一 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 375 views

接着上次的布局来说布局有什么效果
布局是许多IE/Win显示bug的根源。例如,如果一个文本段落靠着一个浮动元素,那么期望文本围绕这个元素。但是,在Windows上的IE 6和更低版本中,如果段落拥有布局(例如,由于设置了高度),那么它就被限制为矩形,因此阻止文本围绕浮动元素(见图9-5 ) 。 全文阅读 »

什么是布局

2009-02-06,星期五 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 413 views

上海SEO 网站制作 CSS
什么是布局
Windows上的IE使用布局概念来控制元素的尺寸和定位。那些称为拥有布局(have layout)
的元素负责本身及其子元素的尺寸和定位。如果一个元素没有拥有布局,那么它的尺寸和位置由
最近的拥有布局的祖先元素控制。 全文阅读 »

拥有布局

2009-02-05,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 394 views

我们都知道浏览器有bug,而且Windows上的IE的bug似乎比大多数浏览器都多,IE/Win
的表现与其他浏览器不同的原因之一是,显示引擎使用一个称为布局(layout)的内部概念。因
为布局是一个专门针对显示引擎内部工作方式的概念,所以一般情况下不需要了解它。但是,布
局问题是许多IE/Win显示bug的根源,所以理解这个概念以及它如何影响CSS是有帮助的。

学会请求帮助

2009-02-01,星期天 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 373 views

人不是万能的,当我们学习 SEO CSS是遇到难题要学会寻求帮助。
请求帮助为自己解决难题
如果创建了基本测试案例,尝试了常用的解决方案,搜索了可能的修复方法,但是仍然无法
找到解决方案,那么要请求帮助。有许多活跃的css社区,比如CSS-Discuss (www. Css-discuss.
org/)、Web Standards Group(http://webstandardsgroup.org/)和Webmaster Word CSS forums
(http://tinyurl.com/duh2n)。这些社区中有许多多年从事CSS站点开发的开发人员,因此很
可能有人以前遇到过你的bug并只.知道如何修复它。如果你遇到新的或特别有意思的bug,人们
可能愿意提出建议或者帮助你查明bug的原因。
在请求帮助时要记住,大多数网页开发人员非常忙。 全文阅读 »

修复问题,而不是修复症状

2009-01-24,星期六 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 405 views

知道问题的根源,对于实现正确的解决方案是非常有利的。因为给站点应用CSS样式有许
多方式,最容易的解决方案是干脆回避这个问题。如果空白边导致了问题,那么可以考虑用填充
来代替。如果一种(X)HTML元素组合导致了问题,那么可以考虑换一种组合。
许多CSS bug有描述性非常强的名称。所以在网络上搜索解决方案是相当容易的。例如,如
果你注意到IE将所有浮动元素上的空白边加倍了,那么搜索”Internet Explorer Double Margin
Float Bug”,就会找到解决方案。
如果发现无法回避这个bug,那么可能不得不设法消除症状。这往往涉及寻找一个影响出问题的浏览器的过滤器,并且向这个浏览器提供单独的规则。

创建基本测试案例

2009-01-22,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 394 views

上海SEO 网站制作 CSS BUG
基本测试案例仅仅是重现bug所需的最少量的(X)HTML和CSS。通过创建基本测试案例,
可以去掉一些“变量”,使问题尽可能简单。
要创建基本测试案例,首先应该复制出问题的文件。删除多余的(X)HTML,直到只留下最
基本的内容。然后开始注释掉样式表,从而查明是哪些样式表导致了这个问题。进入这些样式表,
并且开始删除或注释掉代码块。如果bug突然消失了,那么就知道是刚刚注释掉的最后一块代码
导致了这个问题。继续注释掉代码块,直到只留下造成问题的代码。
然后,就可以开始详细研究这个bug。删除或注释掉声明,看看会发生什么。这个修改对bug
有什么样的影响?修改属性值,看看问题是否消失了。使用一些常用的修复方法,看看它们是否
有效果。编辑(X)HTML,看看是否有影响。使用不同的(X)HTML元素组合。有些浏览器有奇怪
的空格bug,所以尝试从(X)HTML中删除空格。

CSS BUG 隔离问题

2009-01-22,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 474 views

上海SEO 网站制作 CSS BUG
接下来,需要尝试隔离问题。通过隔离问题和识别症状,有可能查明是什么导致了这个问题
并修复它。隔离问题的一种方法是在相关的元素上应用边框或轮廓,看看它们的反应: 全文阅读 »

bug捕捉的基本知识

2009-01-07,星期三 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 433 views

上海SEO 网站制作 css bug 修复
跟踪bug的第一步是检验你的(X)HTML和CS5,检查打字或语法错误。某些显示错误是由于浏览器以怪异模式显示页面造成的。因此,最好检查是否正在使用适合自己的标记语言的 DOCTYPE,从而让页面以标准模型显示(见第1章)。可以通过安装Firefox开发人员工具条(http://tinyurl.com/cmh38),了解页面将以什么模式显示。如果页面以怪异模式显示,那么工具条最右边的对钩符号是灰色的。如果页面以标准模式显示,那么对钩符号是蓝色的。单击这个对钩符号会提供关于页面的更多信息,并且显式地定义显示模式(见图)。 全文阅读 »

常见CSS问题

2009-01-06,星期二 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 278 views

上海SEO 网站制作 css bug 修复

1.特殊性和分类次序的问题
除了语法错误之外,比较常见的问题之一涉及特殊性和分类次序。在将一个规则应用于一个
元素时,却发现没有任何效果,这时往往存在特殊性问题。可以应用其他规则而且它们工作正常,但是某些规则似乎
不起作用。在这些情况下,问题往往是已经在文档的其他地方使用更特殊的选择器为这个元素定义了规则。
全文阅读 »

bug捕捉

2009-01-05,星期一 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 528 views

上海SEO 网站制作 css bug 修复

我们都知道浏览器是有bug的,而且一些浏览器的bug比其他浏览器多.当CSS开发人员在自己的代码中遇到问题时,他们往往马上就认为这是浏览器bug,并且应用适当的招数。但是浏览器bug并没有一般人认为的那么常见。最常见的CSS问题并非来源于浏览器bug,而是来源于对CSS规范的理解不完整。 全文阅读 »

上海SEO CSS bug 和bug修复

2009-01-04,星期天 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 456 views

上海SEO css bug 修复
以前几个月发表的都是相关SEO文章,在以后的一段时间内,主要发一些网站制作CSS相关的内容,现在越来越多的网站都采用 CSS+DIV 架构。在制作过程中,不管是网站制作的新手,还是老手,最大的困扰是 CSS bug 相关问题。
以后的文章中我们主要介绍CSS 中的 bug 和bug修复。 全文阅读 »

Pages: Prev 1 2 3 4 Next
上海SEO培训 上海SEO培训 沪ICP备06034546号 ©Copyright 2007-2011 上海SEO