浮动权限在IE 7中不起作用,但在FF IE8中有效

时间:2010-05-21 02:12:00

标签: css html internet-explorer-7 internet-explorer-6

我有这段代码

<div id="facebook_bar"> 
  <div style="float:left;">
  <img src="images/topbar_followus.png" width="70" height="25" /> 
  <img src="images/topbar_twitIcon.png" width="30" height="25" /> 
  <img src="images/topbar_fbicon.png" width="30" height="25" />
  </div>
    <div id="newsletter_box"> 


   <img src="images/topbar_subscribe.png" width="220" height="25" />
      <input type="text" name="cm-ktkykk-ktkykk" id="ktkykk-ktkykk" />
      <input type="image" src="images/btn_submit.png" width="55" height="25" />

      </div>
  </div>

css是

#facebook_bar {
 background-color:#323334;
 height:30px;
 padding-top:15px;
 padding-left:20px;
 padding-right:20px;
}
#newsletter_box {
 float:right;
 /*margin-top:-30px;*/

}

右手div显示在第一个div不在同一行之后的下一行

2 个答案:

答案 0 :(得分:1)

我最初将此作为评论发布,但也可以将其作为答案。

为什么不对float:left和内联浮动div使用#newsletter_box?这将确保它们都垂直放置在同一位置,然后您可以使用%widths调整水平位置。

我还会查看this文章以清除浮动因为你涉及到图像。

答案 1 :(得分:0)

您还需要浮动左侧栏,将float:left添加到#facebook_bar。