Html 为什么适合div内部的图像在WindowsXP上扩展了IE8的div

Html 为什么适合div内部的图像在WindowsXP上扩展了IE8的div,html,css,internet-explorer-8,css-float,windows-xp,Html,Css,Internet Explorer 8,Css Float,Windows Xp,以下是源代码: <div id="myID1" class="AutoDiv-small" style="left:547.5px; top:41px; width:380px; height:445px;"> <div id="TitleBar" class="PopupTitleBar" style="width: 100%; height: 20px; line-height: 15px; font-weight: bold; tex

以下是源代码:

<div id="myID1" class="AutoDiv-small"
  style="left:547.5px; top:41px;  width:380px; height:445px;">
    <div id="TitleBar" class="PopupTitleBar"
      style="width: 100%; height: 20px; line-height: 15px;
      font-weight: bold; text-align: center; verticle-align: middle;
      background-image: URL('images/title bar.png');
      background-repeat: repeat-x;">My Title<a onclick="HideContent(myID1);" href=#>
        <img style="float: right; padding: 1px;" border=0
          src="images/close_red.png">
        </a>
    </div>
    //Lot's of other content
</div>

我的头衔
//很多其他内容
除了XP上的IE8之外,它在所有方面都很好;XP上所有比IE8更新的东西。我也必须让它在这个浏览器上正确显示

“精细”表示它显示在与文本相同的行上,并在右侧的背景内


IE8将图像向下推一行,将其置于背景图像之外,并将包含div的其余内容也向下推。

也许您应该使用表,我不认为表有这个问题。我给你做了一把小提琴。以下是您的基本表格结构:

<table style="width:300px">
<tr>
  <td>Your text here</td>
  <td><a onclick="HideContent(myID1);" href=#><img style="float: right; padding: 1px;" border=0 src="http://avatarmaker.net/free-avatars/avatars/animated_214/sleepy_cat_animated_avatar_100x100_29622.gif" /></a></td>     
  </tr>
</table>

你的文字在这里

这对我来说很好。希望我能回答您的问题。

您错过了闭幕式,谢谢。建议的编辑得到了。我希望不要使用表格。我已经用div编写了很多代码。这是我得到的最好答案。也许你可以使用
max width
max height
。你对IE8有多熟悉?这可能是我唯一的选择<代码>最大高度在我将其添加到图像时没有做任何操作。也许div可以工作。我不确定这在任何浏览器中都能工作。我会用桌子。