Html IE 7 CSS显示问题

Html IE 7 CSS显示问题,html,css,internet-explorer,Html,Css,Internet Explorer,以下网站存在一个缺陷,搜索文本框与按钮没有正确对齐,其他浏览器都可以看到。我想不出是什么引起的有人能帮忙吗 1/ 可以在浮动标题div.search上添加宽度 header div.search { width: 211px; /* approx */ } 2/ 或者这个测试代码有什么作用吗?(不用于生产!) 嗯。。。对我来说,很难说出如何解决这个问题,但我已经尝试过了 首先,这类错误似乎更多地是由于应用于元素的宽度不够而导致的。将#容器宽度更改为950px可以部分修复它(对于作为IE 7

以下网站存在一个缺陷,搜索文本框与按钮没有正确对齐,其他浏览器都可以看到。我想不出是什么引起的有人能帮忙吗

1/
可以在浮动
标题div.search
上添加宽度

header div.search {
  width: 211px; /* approx */
}
2/
或者这个测试代码有什么作用吗?(不用于生产!)


嗯。。。对我来说,很难说出如何解决这个问题,但我已经尝试过了


首先,这类错误似乎更多地是由于应用于元素的宽度不够而导致的。将
#容器
宽度更改为950px可以部分修复它(对于作为IE 7运行的IE 9)。然后将
header div.search.txtSearch上的
float:left
header div.search标签更改为
float:right
。最后,更改标记以正确对齐表单元素应该可以解决这个奇怪的问题。

我觉得还可以(Opera)请提供有关“不对齐”的更多信息这是一个IE7特定的问题,请将url键入此处(IE7)很高兴看到您解决了IE7上的问题。你能告诉我们出了什么问题吗?
<!--[if IE 7]><style type="text/css">
  * { zoom: 1; /* and even less production-ready: position: relative; */ }
</style><![endif]-->
 each_element_with_display_inlineblock {
   display: inline;
   zoom: 1; /* or nothing if it already has a width, height or any property giving it hasLayout */
 }