我有一个页面,其中我有一个对齐=中心的表,我有一些内容,这个表在div标签内,有一些CSS类,背景颜色为蓝色。如果表格属性align是中心,那么背景颜色将变为蓝色,但是当我更改align = left时,背景颜色不会到来(蓝色不会到来)。
答案 0 :(得分:1)
我看了你的编辑历史。 现在让我们假设你有这个代码:
<div class="BackgroundDetails">
<table cellspacing="0" cellpadding="0" width="100%" border="0" align="left">
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
<tr>
<td class="MainHeading" align="center">
Request Form 16
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
在“.BackgroundDetails”后面添加一个“表格”以使其正常工作。或者修复div的宽度/高度。所以你需要的是:
.BackgroundDetails table
{background-color: lightsteelblue;}
尝试使用CSS而不是像cellpadding,cellspacing,align等HTML元素。 这个table-in-table-thing很奇怪,但也许你必须使用这个结构。这可能是您的基础:http://jsfiddle.net/t8PuQ/1/
... oooor删除像RoToRa建议的浮动。
答案 1 :(得分:1)
表格中的HTML属性align="left"
(或="right"
)与CSS float: left
(或right
)相同。
浮动从正常流中移除元素,因此具有背景颜色的div为空,因此高度为零,因此您无法看到它。
在您的情况下,如果您只想将表格左对齐而不是实际浮动它,那么只需将align="left"
保留,因为默认情况下表格会对齐左边。
对于未来,您应该学会使用CSS而不是弃用的HTML属性来设计网页。执行此操作的一些步骤将是:
确保您的网页具有严格的DOCTYPE而不是Transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
验证您的网页以查找任何旧的HTML属性:http://validator.w3.org/
学习使用CSS代替:http://htmldog.com/