我一直在寻找这方面的帮助,但还没有发现任何有效的方法。我有一个网页,其中包括HTML,PHP,Javascript和CSS。这真的很基础。它在背景和翻转的表格中有图像,我有一个带有两个输入的表格。它在Firefox中看起来不错,在IE浏览器中没问题,但在谷歌浏览器中它将图像向右移动。 IE也发生了这种情况,我可以通过缩小尺寸来实现它的工作:
<td> <input size="19" name="email" type="text" ><br>
size =“19”似乎有用(但并不完美)。在chrome中,它将表格向右移动。
这是代码(请放轻松我):
<?php
include_once 'includes/db_connect.php';
include_once 'includes/functions.php';
sec_session_start();
if (login_check($mysqli) == true) {
$logged = 'in';} else {
$logged = 'out';}
?>
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="content-type">
<link rel="stylesheet" type="text/css" href="styles/mystyle.css">
<link rel="stylesheet" href="styles/main.css" />
<script type="text/JavaScript" src="js/sha512.js"></script>
<script type="text/JavaScript" src="js/forms.js"></script>
<title>login</title>
</head>
<body leftmargin="0" topmargin="0" style=" background-color: white;" marginheight="0" marginwidth="0">
<form action="includes/process_login.php" method="post" name="login_form">
<table class="center" id="Table_01" border="0" cellpadding="0" cellspacing="0" height="601" width="720"
style="table-layout:auto" >
<tbody>
<tr>
<td colspan="9"> <img src="images/login_01.gif" alt="" height="120" width="720"></td>
</tr>
<tr>
<td> <img src="images/login_02.gif" alt="" height="29" width="67"></td>
<td> <a href="register.php" target="_self"> <img src="images/login_register.gif"
alt="register" border="0" height="29" width="107"></a></td>
<td colspan="5"> <img src="images/login_04.gif" alt="" height="29" width="364"></td>
<td> <a href="reset.php" target="_self"> <img src="images/login_reset.gif"
alt="reset_password" border="0" height="29" width="121"></a></td>
<td> <img src="images/login_06.gif" alt="" height="29" width="61"></td>
</tr>
<tr>
<td colspan="9"> <img src="images/login_07.gif" alt="" height="102" width="720"></td>
</tr>
<tr>
<td colspan="3"> <img src="images/login_08.gif" alt="" height="22" width="293"></td>
<!-- EMAIL FORM -->
<td> <input size="19" name="email" type="text" ><br>
</td>
<td colspan="5"> <img src="images/login_10.gif" alt="" height="22" width="285"></td>
</tr>
<tr>
<td colspan="9"> <img src="images/login_11.gif" alt="" height="56" width="720"></td>
</tr>
<tr>
<td colspan="3"> <img src="images/login_12.gif" alt="" height="22" width="293"></td>
<!-- PASSWORD FORM -->
<td> <input size="19" type="password" name="password" id="password" /></td>
<td> <img src="images/login_14.gif" alt="" height="22" width="23"></td>
<td> <INPUT TYPE="image" SRC="images/login_submit.gif" WIDTH="55" HEIGHT="22"
BORDER="0" ALT="Submit" value="Login" onclick="formhash(this.form, this.form.password);">
</td>
<td colspan="3"> <img src="images/login_16.gif" alt="" height="22" width="207"></td>
</tr>
<tr>
<td colspan="9"> <img src="images/login_17.gif" alt="" height="249" width="720"></td>
</tr>
<tr>
<td> <img src="images/spacer.gif" alt="" height="1" width="67"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="107"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="119"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="142"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="23"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="55"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="25"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="121"></td>
<td> <img src="images/spacer.gif" alt="" height="1" width="61"></td>
</tr>
</tbody>
</table>
</form>
<?php
if (isset($_GET['error'])) {
echo '<p class="error">Error Logging In!</p>';
}
?>
</body>
</html>
如何在IE Firefox和Chrome中正确显示此页面?