html显示问题答案

【问题标题】：Html display issueshtml显示问题
【发布时间】：2009-06-24 05:00:40
【问题描述】：

希望我可以在这个论坛上发布这个问题.. 我在 php 中有一个页面

http://www.teamdelta.byethost12.com/index.php

这在 Firefox 和新的 IE 中显示良好。但在任何旧版本的 IE 中，它都会出现问题！

请告诉我我做错了什么，以至于它在旧 IE 中显示不正确。我希望有一个可以在所有浏览器中使用的页面.. 我觉得这没什么好问的，因为 html 应该是 html 并且在每个支持 html 的浏览器中都能正常工作......页面的 php 仍然可以正常工作服务器端。

如果你想要页面的 HTML 代码，这里是

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>
Welcome to ~Team Delta~ Starbase Home
</title>
<LINK REL="SHORTCUT ICON"
       HREF="/favicon.ico">

<META name="description" content="Team Delta welcomes you to it's forums, please don't hesitate to register and be a part of the community!">
<META name="keywords" content="astro, empire, astro empires, guild, clan, corporation, community, forum, vbulletin, game, fun, tactical, alliance, ally, member, online, illuminati, ascended">
<!-- CSS Stylesheet -->
<style type="text/css" id="vbulletin_css">
/**
* vBulletin 3.8.1 CSS
* Style: 'Charcoal'; Style ID: 2
*/
body
{
    background: #000000 url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/bodybg.jpg) repeat-x top;
    color: #EEEEEE;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}



.whatever {background-image: url('http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/theadbg.gif'); }


a:link, body_alink
{
    color: #f3ec84;
}
a:visited, body_avisited
{
    color: #f3ec84;
}
a:hover, a:active, body_ahover
{
    color: #f3ec84;
}


.page
{
    background: #1d1d1d;
    color: #EEEEEE;
}
td, th, p, li
{
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
    background: #000000;
    color: #f3ec84;
    border: 1px solid #444444;
}
.tcat
{
    background: #333333 url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top left;
    color: #f3ec84;
    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    cell-spacing: 0px;
}
.tcat a:link, .tcat_alink
{
    text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
    text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    text-decoration: underline;
}
.thead
{
    background: #444444 url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/theadbg.gif) repeat-x bottom left;
    color: #EEEEEE;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border-top: 1px solid #555555;
}
.tfoot
{
    background: #444444 url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/theadbg.gif) repeat-x bottom left;
    color: #EEEEEE;
    border-top: 1px solid #555555;
}
.alt1, .alt1Active
{
    background: #3e3e3e;
    color: #EEEEEE;
    padding: 3px 6px 3px 6px;
    border-top: 1px solid #4e4e4e;
    border-left: 1px solid #4e4e4e;
}
.alt2, .alt2Active
{
    background: #222222;
    color: #EEEEEE;
    padding: 3px 6px 3px 6px;
    border-top: 1px solid #444444;
    border-left: 1px solid #444444;
}
.inlinemod
{
    background: #CCCCCC;
    color: #000000;
}
.wysiwyg
{
    background: #EEEEEE;
    color: #000000;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border: 0px;
}
textarea, .bginput
{
    background: #EEEEEE;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
    font-size: 10pt;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
    background: #b19a79;
    color: #000000;
    font: bold 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    text-transform: uppercase;
}
select
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
    font-size: 11px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
    font-size: 9px;
    font-weight: bold;
}
.navbar
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
    color: #FF0000;
    font-weight: bold;
}
.fjsel
{
    background: #d3b994;
    color: #EEEEEE;
}
.fjdpth0
{
    background: #EEEEEE;
    color: #000000;
}
.panel
{
    background: #3e3e3e;
    color: #EEEEEE;
    border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 10px;
}
.panelsurround
{
    background: #222222;
    color: #EEEEEE;
}
legend
{
    color: #d3b994;
    font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
    background: #4e4945 url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top left;
    color: #EEEEEE;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
    color: #EEEEEE;
    text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
    color: #EEEEEE;
    text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
    color: #EEEEEE;
    text-decoration: underline;
}
.vbmenu_popup
{
    background: #000000;
    color: #EEEEEE;
    border: 1px solid #444444;
}
.vbmenu_option
{
    background: #3e3e3e;
    color: #EEEEEE;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
    color: #d3b994;
    text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
    color: #d3b994;
    text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
    color: #EEEEEE;
    text-decoration: none;
}
.vbmenu_hilite
{
    background: #222222;
    color: #EEEEEE;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
    color: #EEEEEE;
    text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
    color: #EEEEEE;
    text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
    color: #EEEEEE;
    text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
fieldset { border: 1px solid #555555; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
html,body{
   margin: 0;
   padding: 0;
   height: 100%;
   border: none
}
</style>
<link rel="stylesheet" type="text/css" href="clientscript/vbulletin_important.css?v=381" />



<!-- / CSS Stylesheet -->

</head>
<body>

<table border="0" width="90%" cellpadding="0" cellspacing="0" align="center" style="background: url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/header.jpg) repeat-x top;">
<tr>
    <td width="25" style="background: url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/header_l.jpg) no-repeat top left;"></td>

    <td align="left"><a href="index.php"><img src="http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/logo.jpg" border="0" alt="Team Delta Starbase Board" /></a></td>
    <td align="right" class="tfoot" style="background: none; border: 0px;">
    <div style="height: 3px;"></div>
    <div class="smallfont" style="height: 20px; font-weight: bold;">

<!-- TOP LINKS -->
    <a href="http://astroempires.com/index.aspx">Astro Empires</a> -
    <a href="http://wiki.astroempires.com/">Wiki</a> -
    <a href="http://delta.astroempires.com/home.aspx">Delta</a> -
    <a href="http://delta.astroempires.com/guild.aspx">Guild</a>



<!-- /TOP LINKS -->

    </div>
    <div align="right" class="page" style="height: 77px; background: none;">

    <br /><br />
    <b><font size="4">Welcome To Team Delta's Home page</font></b>
    </div>
    </td>
    <td width="25" style="background: url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/header_r.jpg) no-repeat top right;"></td>
</tr>




</table>
<table class="page" border="0" width="90%" cellpadding="0" cellspacing="0" align="center" style="height: 100%;">
<tr>
<td style="background: url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/tdl.jpg) repeat-y left;"><img src="http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/spacer.gif" width="25" height="1" alt=""></td>
<td valign="top" width="100%">
</form>
<br>

<!--me-->


<div id="Marquee1" style="position:absolute;left:10%;top:96px;width:80%;height:20px;background-color:#1d1d1d;z-index:0">
<marquee direction="left" height="20" scrolldelay="10" scrollamount="4" behavior="scroll" loop="0" style="background-color:#1d1d1d;" id="Marquee1"><font style="font-size:13px" color="#f3ec84" face="Arial">

<div align="center" class="page" style="height: 10px; background: none;">
<font color=red>~Awaiting Attention~ Log in to Admin Panel to Change Text </font>
</div>
</font></marquee></div>





<!--navlink-->
<table border="1" bordercolor="#444444"  width="100%" cellpadding="0"  cellspacing="1" align="center" >
<tr>
<td style="background: #000000; border: 0px; bordercolor: #444444;">

<table border="0" bordercolor="#444444" Background="#000000" height="50pt" width="100%" cellpadding="0"  cellspacing="1" align="center" >
<tr style="background: #000000; border: 1px;">

<td style="background: #444444;">
<left><b><font color="white"><strong>&nbsp; &nbsp; &raquo;Team Delta Starbase</strong></font></b></left>
</td>
</tr>
</table>

<!--tableheader2-->
<table border="0" bordercolor="#444444" Background="#000000" width="100%" cellpadding="1"  cellspacing="1" align="center" >
<tr  height="20pt" style="background: url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top; border: 1; bordercolor: #444444;">
<td>
<left><b>
    <font color="white" size="2">&nbsp;&nbsp;&nbsp;
    <a href="http://delta.astroempires.com/index.php">Home</a> &nbsp - &nbsp

    <a href="http://teamdelta.byethost12.com/cmps_index.php">Forum</a> &nbsp - &nbsp
    <a href="http://www.teamdelta.byethost12.com/resources.php">Admin Panel</a>
    </font>

</b></left>   <!--links here-->
</td>
</tr>
</table>



</td>
</tr>
</table>

<br>


<!--/navlink-->
<!--form1-->

<table border="1" bordercolor="#444444"  width="50%" cellpadding="0"  cellspacing="0" align="left" >
<tr>
<td style="background: #000000; border: 0px; bordercolor: #444444;">

<table border="0" bordercolor="#444444" Background="#000000" width="100%" cellpadding="1"  cellspacing="1" align="left" >
<tr style="background: #000000; border: 0px;">
<td style="background: url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top;">
<center><b><font color="#f3ec84">&raquo;Guild Information&laquo;</font></b></center>
</td>
</tr>
<tr>
    <td align="right" class="tfoot" style="background: #222222; border: 0px;">
    <div align="left" class="page" style="height: 336px; background: none;">
    <br>
    <center>

    <table width="250" height="188" border="0"cellpadding="0"  cellspacing="0" BORDERCOLOR="#444444" style="background: url(http://delta.astroempires.com/images/avantars/guilds/134_1792989.jpeg);">
    <td>
    <tr>
    </tr>
    </td>
    </table>
    <br>
    Tag: [~TD~]
    <br>

    Guild #: 134
    <br>
    Guild Master: Astro
    <br>
    Guild Created: 18 November 2007
    <br>
    For Additional information please redirect <a href="http://delta.astroempires.com/guild.aspx?guild=134">Here</a>.
    <br>
    </center>

    </div>
</tr>
</table>
</td></tr></table>

<!--/form1-->

<!--form2-->
<table border="1" bordercolor="#444444"  width="48%" cellpadding="0"  cellspacing="0" align="right" >
<tr>
<td style="background: #000000; border: 0px; bordercolor: #444444;">

<table border="0" bordercolor="#444444" Background="#000000" width="100%" cellpadding="1" cellspacing="1" align="right" >
<tr><td style="background: url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top;">
<b><font color="#f3ec84"><center>&raquo;Announcements&laquo;</center></b>

</td>
</tr>
<tr>
    <td valign="top" align="right" class="tfoot" style="background: #222222; border: 0px;">
    <div align="center" class="page" style="height: 134px; background: none;">
<center><b>Recruitment status:</b><br>Accepting Recruits, Active, Willing To Learn, Veterans,<BR><B>Noobs Recruitment Status: <font color="green">Open</B><br>Active Players </font><br><br><font color=red><b>~Awaiting Attention~ <BR>Log in to Admin Panel to Change Text </b></font></center>    </div>
</tr>

</table>

</td></tr></table>
<!--/form2-->

<!--form3-->
<table border="0"  bordercolor="#444444"  width="48%" cellpadding="0"  cellspacing="0" align="right" >   <!--invisible-->
<tr>
<td>

<br>

<table border="1" bordercolor="#444444"  width="100%" cellpadding="0"  cellspacing="0" align="right" >
<tr>
<td style="background: #000000; border: 0px; bordercolor: #444444;">

<table top="500" border="0" bordercolor="#444444" width="100%" cellpadding="1" cellspacing="1" align="right" height="184px">
<tr><td style="background: url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top;">
<b><font color="#f3ec84"><center>&raquo;Diplomatic status&laquo;</center></font></b>
</td>
</tr>
<tr>
    <td align="right" class="tfoot" style="background: #222222; border: 0px;">
    <div align="center" class="page" style="height: 152px; background: none;">
Brother guild <a href="http://delta.astroempires.com/guild.aspx?guild=4325">[ROT] Reapers Of Time</a><br><br>

<font color=red><b>~Awaiting Attention~ <BR>

Log in to Admin Panel to Change Text </b></font>    </div>
</tr>
</table>

</td></tr></table>
</td></tr></table>
<!--/form3-->

<!--form4-->

<table border="0" bordercolor="#444444"  width="100%" cellpadding="0"  cellspacing="0" align="center" >   <!--invisible-->
<tr>
<td>

<br>

<table border="1" bordercolor="#444444"  width="100%" cellpadding="0"  cellspacing="0" align="center" >
<tr>
<td style="background: #000000; border: 0px; bordercolor: #444444;">

<table top="60" border="0"  bordercolor="#000000" width="100%" cellpadding="1" cellspacing="1" align="center" >
<tr>
<td bordercolor="#444444" style="background: url(http://www.teamdelta.byethost12.com/barbg.jpg) repeat-x top;">
<b><font color="#f3ec84"><center>&raquo;News&laquo;</center></font></b>
</td>
</tr>
<tr>
    <td align="right" class="tfoot" style="background: #222222; border: 0px;">
    <div align="center" class="page" style="height: 157px; background: none;">

<strong>Welcome to Team Delta's Website! This site is still under construction but the <a href="cmps_index.php">forums</a> are up and running with ongoing refinements! Please Bookmark this page and register in the forums. Guild and Alliance members welcome in the forum.<br>Keahi and DarkLink.</strong>
    </div>
</tr>
</table>

</td></tr></table>
</td></tr></table>
<!--/form4-->

<!--Footnote-->
<br>

<br>
<br>
<br>
<left>
<font color="gold" size="1pt">Site Created by Keahi & Dark_Link</font>
</left>
<!--/Footnote-->






</td>
<!--/me-->

<!--left boder-->
<td style="background: url(http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/tdr.jpg) repeat-y right;"><img src="http://www.teamdelta.byethost12.com/forum/images/charcoal/misc/spacer.gif" width="25" height="1" alt=""></td>
</tr>
</table>




</body>
</html>

【问题讨论】：

这不是 PHP 问题。 PHP 只是组合发送给客户端的数据。但是每个浏览器的输出都是相同的（除非您使用浏览器嗅探来为 IE 提供一些特殊的东西）。

标签： html internet-explorer

【解决方案1】：

@Arthur，为了我们的帮助，请用此页面生成的 HTML 的实际“渲染”替换 php 代码。只需在任何浏览器中打开页面并选择“查看页面源”或类似内容，然后将其粘贴..

如果您删除了呈现的 HTML 中不会以任何方式导致问题的任何部分，这也会有所帮助。即页面显示相同的行为/问题，无论是否包含这些部分。这将减少我们花费在寻找您的问题上的时间。

事实上，我建议您在此处寻求帮助之前先执行此操作。尝试将问题缩小到产生奇怪行为的 HTML 元素和样式的组合，然后尝试进行更正（或寻求有关如何更正您发现的特定问题的帮助）。

不幸的是，并非所有浏览器都是平等的..

【讨论】：

另外说明您所说的“一切都错了”是什么意思，它会帮助我们帮助您:)
抱歉回复晚了，是的，您最后的评论真的总结了一切......问题在于 IE，因为它不符合标准，因此会产生问题。

【解决方案2】：

我会尽力提供帮助 - 也许会有所帮助，也许不会。这些天，桌子已经过时了。

但是该 html 示例中有很多内容。你已经有桌子了，那还有什么，对吧？

我会试试这个：添加一个包装表。并以这种方式构建它：

`
把带有公会信息标题的表格放在这里将带有公告标题的表格放在这里和以外交身份为标题的表格
`

【讨论】：