※ 引述《wa120 (哇120)》之铭言： : 不好意思... 我想问个问题 : 所谓的纯css排版是全部都用<div>包住，然後用css改变<div>标签的位置吗？ : 那允不允许 : <div><table></table><div> (table是纯排版用的) : 这样的排版方式以及 : <div><table><table></table></table></div> (巢状table排版) : 我知道一般的css排版是用巢状<div>像是 : <div> : <div></div> : <div></div> : ... : </div> : 但是我知道他不能解决所有的问题，在文字显示版面要求严谨的时候 : <div>底下还是要用巢状<table>来做版面调整 : 其实我对css排版还是有些意见，也许是自己功力及认知不够 : 像是说看到别人position设到absolute我都会干瞧 : 因为在不同的解析度，以及浏览器，非常有机会会跑掉 : 而table虽然会降低易读性，但是他在设定width以及height使用百分比非常有效率 : 而且css在IE 6/7/8 有些小细节 每个长相都不太一样 (害我debug超久) : 提出个人浅见，其实我看现在很多网页都还是在用table排版 : 而table乱中有序的排版方式，其实也没有那麽难以接受吧... : 其实很多程式语言的GUI介面感觉表达的比table还抽象... : 对此提出一些个人看法... 你这个问题其实已经有一点离题了。 对於网页设计，第一个要有的概念叫做Layout。 Layout目的是，将一个完整的页面因为不同的需要切割成不同的版块。 例如Header、Sidebar、Footer、Content、NavigationBar等等的。 你会希望Layout达到以下的几个目的： 1.便於调整。 2.跨越浏览器。 3.可以各自独立不至於影响其他block。 W3C中，Table是用来作资料的显示整理用，而不是用来Layout，Layout经常会出现 多层次的巢状结构，而<table>标签非常因为这样的巢状结构，使得在调整得时候 造成版面混乱。 另外，跨越浏览器也是一个大问题，基本上<div>在不同浏览器上面的行为可以用 css来控制，但是<table>标签在不同浏览器上，本身就存在着差异，光是换行的 状况，在不同浏览器就会有不同的样子。 因为用<table>标签切版，所以当上层或下层的table属性改变得时候，经常会影响到 其他的部份。要知道一件事，版面设计的时候，设计师可以用<table>很爽快，但是 交到程式设计师手上，在套入不同data的时候，<table>的layout会是设计师的恶梦。 当设计师用dreamweaver或frontpage的<table>作Layout做得很愉快的时候，却没有想 到对Programmer而言，这些<table>的Layout在写程式时却是恶梦。 不能只动CSS改变版型，一堆烂烂的<tr><td></td></tr>...甚至是colspan, rowspan， 在做Template时都是恶梦，要知道，设计师交给程式设计师的，只是样板，也就是说， 程式设计师还是必须要切割成不同的block分别储存，不管你是用Smarty或是Tiles. 不懂CSS Layout的Designer在我们的眼中，没有资格称得上Web Designer。 不了解按照标准去定义CSS Styles档案的Web Designer，只能算是不入流的Web Designer。 这样的人只是给Programmer造成负担而已。Programmer不应该浪费这些宝贵的时间帮 不入流的Web Designer擦屁股。 说难听一点，若我是Programmer，我不想跟这种会降低我的生产力，连Layout都要我 来写CSS的设计师合作，最近遇到一位外包的设计师，水准相当不错，CSS档案看起来 很有国外Wordpress theme的风格，跟这样的设计师合作，不但彼此都很愉快，工作 也能更快完成。 要解决跨浏览器的问题？不难，请爱用CSS Framework如Blueprint，作为一个进阶的Web Designer，不能只靠着工具，Blueprint等得CSS Framework已经是对Designer跟Programmer 最友善的Tools。 有心的话去看一下Facebook跟Plurk的页面，有几个<table>标签。 以现代的技术，用<table>来作Browser Layout是「错」的。在任何的情况下，都是错的。 当然每个人能力不同，不是每个人都可以搞到像Facebook那麽威，只是错多错少而已。 -- 所有我的作品，请到..... ～四十八个德瑞克～http://blog.derekhsu.homeip.net 马皇本纪：http://blog.derekhsu.homeip.net/2009/08/821 上官先生传：http://blog.derekhsu.homeip.net/2009/08/825 --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 61.64.191.30 ※ 编辑: derekhsu 来自: 61.64.191.30 (03/29 13:54)