2011-02-06 84 views
1

我对DIV布局缺少什么?DIV布局越野车

我在关于DIV布局的教程中看过它优于表格布局,因为 表格布局在所有浏览器中看起来都不一样。

但是,我有完全相反的经历。实际上,表格布局在所有浏览器中看起来都是一样的,而我不起眼的DIV布局尝试不会。

看来,如果设计师和程序员都希望分裂布局和内容,但以不同的方式做到了:

设计师:

“我们采取了所有的布局从HTML页面,因此所有剩下的就是内容”

程序员:

‘让我们拿出HTML页面的所有内容,因此所有剩下的是布局’

我已经购买了几个HTML模板,虽然它们看起来不错,但我通常最终会重新在表格中做它们,以使它们遵守我的意愿。

那么,我错过了什么?你使用DIV还是表格布局? DIV布局的行为不正确,在不同的浏览器中有不同的问题。现在是时候回归桌面布局了吗?还是我没有学会做适当的DIV布局呢?

+2

这个问题太笼统了。请给出具体的代码示例。 – 2011-02-06 13:08:20

回答

3

表格不用于布局。它们用于将某物显示为表格。 Div布局给你一件事:自由。

CSS自由组织。一个表格从来没有像基于Div的布局那么灵活。考虑在智能手机上显示网页。通过给它一个新的CSS样式,你可以重新排列你的内容,而对于表格,你的内容将会停留在一个视图中。

为了跨浏览器兼容性而定制布局的工作量更大,这是值得的。

2

div元素已经存在了大约十年左右。他们没有问题。你遇到的问题是CSS。从你的沮丧,这听起来像你不明白CSS如何工作比其他任何东西更多。通常,新用户在使用旧教程和Internet Explorer作为测试浏览器时会变得更加困惑。

始终,始终使用任何浏览器,但IE浏览器最初测试您的标记。始终验证您的html和css的正确语法。始终使用适当的文档类型。这些步骤可以治愈大部分疾病的90%。

0

TABLE对DIV的一个原因是可读性和可维护性。我实际上有一些旧的页面,我无法编辑,因为嵌套表格非常复杂。

例子:

<div>content</div> 

<table><tbody><tr><td>content</td></tr></tbody></table> 

我认为首先是更容易阅读。

正如其他意见建议,你有它倒退。但是你需要对CSS有一个体面的理解,才能超越初学者级别的基于表格的布局。