我的 php 表在 IE 中显示正常，但在 Chrome 中显示不正常答案

【问题标题】：My php tables are displaying fine in IE but not in Chrome我的 php 表在 IE 中显示正常，但在 Chrome 中显示不正常
【发布时间】：2013-05-29 10:44:43
【问题描述】：

我尝试更改 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>';

?>

【问题讨论】：

由于这是一个 CSS 问题，我们需要看到这一点。不是 PHP 代码
将其作为 PHP 问题（以及 PHP 中显示的代码）提出是否至关重要？这似乎更像是一个 HTML/CSS 问题（如果代码以这种方式发布，则更易于阅读）。
你可能不应该为此使用表格。
圣蟹！！ ie 和 google chrome 已经退化了这么多，它也给 php 带来了问题！！！那东西必须贬值或受制于[cv-pls]
加载页面，查看并复制源 HTML，然后在 W3 Validator 中发布validator.w3.org/#validate_by_input - 您的问题与 HTML 相关，或者在 vpoll/vpoll.php 中存在 PHP 问题

标签： css google-chrome css-tables

【解决方案1】：

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

内联css是这样的：

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

ie 接受 <td width="330" valign="top">，因为 ie6 接受了但它不是标准

【讨论】：

这里是css div.vpolls .vpdt { margin:.4em 10% .4em .5em;背景颜色：#000000；文本对齐：左；字体大小：.9em；颜色：#ffffff； }

【解决方案2】：

css 代码在哪里？

也许这会有所帮助

<style>
body
{
background-color: black;
}
table
{
border-color : white;
}
.p5
{
color: white;
}

</style>

【讨论】：