我的php表在IE中显示正常,但在Chrome中不显示

时间:2013-05-29 10:44:44

标签: css google-chrome css-tables

我尝试更改CSS以使背景变黑,但这并没有奏效。我也通过谷歌搜索任何解决方案,但没有找到任何解决方案。网页显示为非常暗(几乎是黑色)的背景图像,表格的文本和边框为白色。它们在IE中显示得很好但在Chrome中它们具有浅蓝色背景,文本几乎不可见。任何有关如何解决这个问题的想法都将非常感激。

CSS是:

div.vpolls .vpdt {

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

查看该网页的网址是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>';

?>

2 个答案:

答案 0 :(得分:0)

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

内联css是这样的:

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

即接受<td width="330" valign="top">,因为ie6确实如此,但它不符合标准

答案 1 :(得分:0)

css代码在哪里?

也许这可以帮助

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

</style>