DIV与表或CSS与愚蠢

我知道表格是表格数据,但是使用它们进行布局是非常诱人的。 我可以处理DIV来获得三列布局,但是当你有4个嵌套的DIV时,就会变得棘手。

是否有一个教程/参考说服我使用DIV的布局?

我想用DIV,但是我拒绝花一个小时把DIV / SPAN放在我想要的地方。

@GaryF: 蓝图CSS必须是CSS最好的秘密。

伟大的工具 – 蓝图网格CSS生成器 。

有雅虎网格CSS可以做各种事情。

但请记住: CSS不是一个宗教 。 如果通过使用表格而不是css来节省时间,那就这样做。

其中一个我永远无法想到的angular落案例就是forms。 我很想用CSS来做,但比表格要复杂得多。

你甚至可以争辩说,表格是表格,因为它们有标题(标签)和数据(input字段)。

在英国和美国,有一个赞成CSS布局的法律要求。 508(美国)和“残疾歧视法案”(英国)都涵盖视力不佳的用户的无障碍标准。

在英国,立法的实施延伸到实际上使商业化生产一个阻碍视力不好的用户的能力的网站实际上是非法的,就像现在非法拥有一个商店,但是没有办法进入这个网站一样对于轮椅使用者进入 – 坦率地说,没有起诉网站的可访问性。 不过,我会一直使用CSS,因为这意味着您的网站devise从长远来看更容易维护。

投入时间学习CSS(我使用W3C学校和.Net Magazine http://www.netmag.co.uk )将会获得回报。

为什么布局表是愚蠢的:定义的问题,提供的解决scheme 。

在我看来,偏见应该是CSS而不是IE6–也就是说,除非有一个非常好的理由(例如,你的网站只针对使用IE6的人,这很奇怪 ),那么最好是使用IE6来“疏远”人们比视力不好的人和/或自动化的用户代理。 IE6的使用正在减less; 后一组越来越多。 即使您的网站在IE6中看起来不太完美,但对于那些无法看到它的用户来说,读取它可能比对基于表格的布局容易。

这是一个非常普遍的问题,所以很难回答具体问题。 这两本很好的资源是:

  • 防弹网页devise Dan Cederholm
  • CSS通达 ,安迪·巴德

如果你只需要花一个小时来devise你的整体网站布局,这并不坏。

CSS可能不是一种宗教信仰,但它是浏览器如何解释HTML的布局。 不pipe喜不喜欢,所有现代浏览器都使用W3C盒子模型(某些版本)。 继续依赖表格是继续依赖于devisenetworking渲染技术的人眼中的一种方法。

我知道CSS有时候看起来非常复杂,但是我相信这是当今时代的必然(相信我,您的客户会想要它)。

如果你不习惯花时间学习CSS(所以需要几秒钟或几分钟来定位元素,而不是一个小时),那么你需要将布局工作交给一个知道真正了解前端的人,结束。

是的,目前的CSS浏览器实现有很多问题,但没有什么太激烈的,你应该觉得需要返回到基于表格的布局。 只要坐下来花时间学习,就像其他任何语言或框架一样。

我find的最好的在线参考资源是: http : //reference.sitepoint.com/css

但是,看看“ deviseWeb标准 ”这样一本书,可以帮助你理解为什么这个东西很重要。

我还认为蓝图是伟大的,直到我看到YAML (另一个多列布局)。 有一个在线生成器工具 ,太棒了。 我可以在5分钟内得到一个很酷的多列布局。

过了一段时间,你甚至都没有想过。 使用div与CSS似乎是更容易的选项伊莫。 另外,当使用jQuery等框架时,你有更多的自由。 我无法想象没有使用CSS或div做一些很酷的jQuery的东西。 如果你使用表格的风格和布局,我觉得你错过了很多新技术,并留在90年代。

这可能是无益的,但我不知道所有这些与CSS有关的问题。 如果一个报纸devise师试图在广告页中embedded电影,每个人都会同意他有点疯狂。 但是仍然是那些在HTML三栏布局之后的人。 HTML目前不适合处理这种布局。 而且,多列布局通常不适合在计算机显示器上阅读。 没有足够的可行scheme吗?

顺便说一下,即使表没有提供一个stream畅的列布局的好方法,所以这是没有理由的诉诸这样的黑客。 假设一个半路现代的浏览器(即> MSIE 6),表格不提供任何优于干净的HTML + CSS,我知道。

我只是用桌子

根据我的经验,使用表格布局在所有的浏览器中都是一样的,CSS不会(特别是如果你想支持IE6的话)。 只需10分钟就可以完成一个表格的编排工作,而不需要花费几个小时的时间。

使用表的另一个好处是,您的布局可以非常容易地dynamic调整自己的内容大小。 试图用CSS来完成是一个巨大的噩梦。

我发现CSS有很多限制,这似乎暗示了规范devise者不会让网站为生。

使用HTML表格,如果你不能在CSS中做到这一点。

话虽如此,一些框架确实有帮助,如果可以pipe理的话,在CSS中做得更好。

你可能会在这里find一些启发: http : //blog.html.it/layoutgala/

List Apart是使用语义HTML的很好的参考, 圣杯文章可能是最好的例子之一。 此外,请查看CSS Zen Garden的主题,或者阅读Dave Shea的优秀着作“CSSdevise之禅”。

您使用CSS进行布局,因为它不仅在语义上是正确的,而且因为表具有多个缺点。

表格对于可访问性来说是非常可怕的,因为它们几乎打破了所有的屏幕阅读器,而由于阅读表格的方式,这又使得视觉受损的无用信息成为可能。

它们的渲染速度也比CSS的要慢得多。 表格必须绘制两次,一次用于布局,另一次用于内容。 这可能意味着,如果您的服务器上有一个远程映像或两个缓慢的连接,则整个布局不会呈现。

如果你有一个hashmap,你会用数组来存储一个字典吗? 没有。当有东西在外面的时候,你不应该用桌子,这样做更好。