css - 我的 php 表在 IE 中显示正常，但在 Chrome 中显示不正常

Question

我试过更改 CSS 使背景变黑，但这没有用。我还通过谷歌搜索了任何解决方案，但没有找到任何解决方案。网页显示在非常暗(几乎是黑色)的背景图像上，表格的文本和边框是白色的。它们在 IE 中显示良好，但在 Chrome 中它们具有浅蓝色背景并且文本几乎不可见。非常感谢收到有关如何解决此问题的任何想法。

CSS 是:

div.vpolls .vpdt {

 margin:.4em 10% .4em .5em;
 background-color: #000000;
 text-align:left;
 font-size:.9em;
 color:#ffffff;
}

查看页面的url是http://www.tckennedy.co.uk/government.php 如果你在 IE 中查看它，它看起来不错，如果你在 chrome 中查看它，它看起来很糟糕。

<?php

echo '<table>';
echo '<tr>';

echo '<td width="30"></td>';

echo '<td width="330" valign="top">

<div class="vpolls" id="vp_1">

<div class="vpdt"></div>

<span class="h5">Do you agree with this new system of collecting Council Tax?

</span>

<form action="http://www.tckennedy.co.uk/vpoll/vpoll.php" id="vpf1" method="post"

onsubmit="return votePoll(this);">

<input type="hidden" name="idp" value="1" />

<label for="p1i0"><p>
<input type="radio" name="item" value="Yes" id="p1i0" />Yes</label> 

<label for="p1i1"><input type="radio" name="item" value="No" id="p1i1" />No</label> 

<label for="p1i2"><input type="radio" name="item" value="Undecided" id="p1i2" />

Undecided</label>     

<input type="submit" value="Vote" name="sbm" /> 

<br> <br><span class="p5">
Please note that only one vote per person is permitted       
for each poll</span></p>

</form>

</div></td>';

echo '<td width="10"><p>&nbsp;&nbsp;</p></td>';

echo '<td width="330" valign="top">';

include('vpoll/vpoll.php');

echo '<div class="vpolls">'. $obVot->showPoll(1) .'</div>';

echo '</td>';

echo '<td width="290"></td>';

echo '</tr>';

echo '</table>';

?>

Answer 1

样式假设指向div.vpolls而不是 div.vpoll .vpdt

内联 css 是这样的:

<td style="width: 330px; vertical-align: top" ></td>

即接受<td width="330" valign="top">因为ie6有但不是标准