表与CSS和对齐

时间:2011-08-12 09:16:30

标签: css css-tables

我有一个页面,其中我有一个对齐=中心的表,我有一些内容,这个表在div标签内,有一些CSS类,背景颜色为蓝色。如果表格属性align是中心,那么背景颜色将变为蓝色,但是当我更改align = left时,背景颜色不会到来(蓝色不会到来)。

2 个答案:

答案 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/