HTML表rowspan或colspan问题？

我们需要设计一个网页布局。使用表我们可以将布局成六个区域（小区），如下所示：HTML表rowspan或colspan问题？

区域1个区域2 ZONE 3

区域4区域5 ZONE 6

现在，有可能合并ZONE 2， 5区和6区？我们需要使用DIV？

来源

2010-10-19 Malik

我不是100％，但听起来像是CSS的工作。你为什么要桌子？

（是至关重要的1区& 3区具有相同的高度？）

来源

2010-10-19 13:21:21 Onkelborg

感谢您的回复。区域1和区域3具有不同的宽度和高度。我们可以使用表格控制它们，但是我们无法合并区域2，区域5和区域6.任何帮助？ – Malik 2010-10-19 14:45:45

您将需要使用浮动：浮动的一个div：区域1和4的左边，浮动的一个div：区域2,5和6的none和浮动的一个div：区域3的右边。第一个不应该有任何填充，边距等，并具有位置：相对。在第一个div（浮动：左）添加两个div，没有余量，没有填充。 50％的身高。在容器div中添加三个第一个div。我认为它会工作 – Onkelborg 2010-10-19 14:58:11

再次感谢。让我尝试。会回到你身边。 – Malik 2010-10-19 15:07:00

参见：Why tables for layout is stupid

使用CSS代替。

来源

2010-10-19 13:21:58 Galwegian

感谢您的回复。我也认为div是唯一的解决方案。只需要确认，从表格切换到div并不容易。如果您可以指定更多资源用于“基于Div的布局的速成课程”，将会非常有帮助。再次感谢。 – Malik 2010-10-19 14:44:25

@Malik - 在学习CSS盒子模型（http://www.w3schools.com/css/css_boxmodel.asp）的同时值得你学习。其实，看看W3学校的所有CSS材料 - 这是一个很棒的网站（http://www.w3schools.com/css/default.asp） - 祝你好运！ – Galwegian 2010-10-19 15:16:08

再次感谢您的及时响应和资源。如你所知，开发者总是面临着“僵化的死亡”。任何更精确的，像第一个资源将有很大的帮助，可能我可以有一些睡眠:(。 – Malik 2010-10-19 15:27:48

HTML表rowspan或colspan问题？

回答

相关问题