Question

这是源代码：

<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>

除了IE8上的IE8之外，它看起来很好;在XP上比IE8更新的东西。我必须让它在这个浏览器上正确显示。

“精细”表示它与文本在同一行显示，在右侧显示在背景内。

IE8正在将图像向下推一行，将其置于背景图像之外，并将其余内容推送到包含的div中。

Answer 1

也许你应该使用表格，我不会遇到表格的问题。我让你成为一个小提琴http://jsfiddle.net/TKvGj/。以下是您的基本表格结构：

<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内部的图像在WIndows XP上扩展IE 8的div

1 个答案: