背景を黒くするために CSS を変更しようとしましたが、うまくいきませんでした。また、これに対する解決策をグーグルで検索しましたが、見つかりませんでした。Web ページは非常に暗い (ほぼ黒の) 背景画像に対して表示され、テーブルのテキストと境界線は白です。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> </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>';
?>