才子小窝

天生我才必有用，千金散尽还复来

[置顶] Web编程常用手册下载

2008年8月8日

Firefox把caption元素挤出table家庭

前段时间写了一篇“关于table如何通过XHTML验证那档子事”，最后贴出了一段才子自用的table样式的定义，有网友今天告诉我，他发现定义了table的margin之后，也就是定义了table的外边距之后，在Firefox下的渲染效果与其它各大主流浏览器都不同，caption这个标签元素是表格的说明，却被挤出了table之外，变成caption与table之间的边距是定义的margin的值了。
这就奇怪了，caption与thead，tbody，tfoot都是table下同等级的元素，为什么Firefox却把caption元素挤出了table家庭呢？真有点匪夷所思。
...
Tags: xhtml  table  div  css  Firefox  差异  web标准  
发布:风流才子 | 分类:Web编程 | 评论:1 | 引用:0 | 浏览:

2008年8月6日

div+css布局中多列等高处理

div+css布局中多列等高的问题可能大家都碰到过，网上也有一系列的处理方法，有的用背景来处理，有的用内外边距相抵来处理，才子觉得都不是非常好用，不太方便。最近帮人改版一个网站，也碰到这个问题，于是就写了一个两列等高的javascript函数来处理。后来想想可能有三列，四列或更多的情况下怎么办呢？改一改函数就行了，当然可以，但显得不通用了，于是写了下面这个函数，理论上是无限列都可以处理，当然实际上不太可能，一个页面最多也不至于多过4，5个列吧。
看代码：
...
Tags: xhtml  javascript  div  css  布局  等高  
发布:风流才子 | 分类:Web编程 | 评论:1 | 引用:0 | 浏览:

2008年7月11日

DIV+CSS布局的几点建议

玩Web重构也有段时日了，算有了那么些心得。经常有网友问才子一些关于布局方面的问题，SvnHost群里还有朋友请才子多写点关于布局方面的教程，帮助一些新手，才子也答应了会多写些关于布局方面才子自己的一些经验及心得，分享给大家。

Web重构许多人认为就是简单的DIV+CSS布局而已，这显然是个错误的概念，具体解释才子不想多说了，这方面文章一堆。DIV+CSS布局的确是重构里非常重要的一环，才子今天就讲讲布局方面的几点建议。

1. 请设计一套适合自己风格的布局(含XHTML及CSS)。

......
Tags: div  css  xhtml  layout  布局  demo  范例  
发布:风流才子 | 分类:Web编程 | 评论:3 | 引用:0 | 浏览:

2008年7月10日

DIV+CSS布局中p元素引起的问题

今天有个网友问我，他的一个页面布局有点问题，没有按照CSS的定义来渲染，才子看了一下他的CSS文件，没发现哪里有错误，结果一看XHTML，发现一个才子以前犯过的一个错误，在这里才子解释一下，希望帮到一些新手！

这个网友，他的布局其实还算正规，虽然没有用到一些高级技巧来兼容各浏览器之间的差异，但还算中规中矩，只有一个地方有问题，那就是在主内容模块(#main)里，它用到了一个p元素(段落标签)来做子容器，其实这并没有什么问题，但p元素里面他又用到了好几个块元素(block element)，用到了h2和h3标题标签，还有div元素，导致这个p元素在CSS中定义的内边距失效，他以为是块元素浮动(float)的问题，结果用clear: both;清除浮动还是没用，p元素定义的padding: 10px;没有生效。
才子告诉他原因了:
......
Tags: xhtml  div  css  布局  编程  标签  
发布:风流才子 | 分类:Web编程 | 评论:0 | 引用:0 | 浏览:
分页:[«]1[»]

Copyright 2008-? 才子小窝. Some Rights Reserved. 
粤ICP备08040021号  网站地图