IE7中的小CSS问题

Question

我有一个小 CSS 问题，我似乎无法找到解决方案。我有两个问题：

网址：http://www.umono.nl/test/

1. 红框中的OL《佐克恩》 boek" 在 IE7 中是错误的
2. 标题中的 css 弹出菜单 “home, alle steden, etc..” 不是 在 IE7 中右对齐。

有人可以帮帮我吗？

谢谢，

凯文，

Answer 1

奇怪的是，我实际上会说 IE 在这种情况下表现得最正确。

基本上，在红框中布局表单元素的技术有点狡猾。老实说，我认为这就是表格的设计目的（它是表格数据）：

<table id="zoek">
<tr>
  <th>Land:</th>
  <td><select>...</select></td>
</tr>
<tr>
  <th>Plaats:</th>
  <td><select>...</select></td>
</tr>
</table>

与：

#zoek th { font-weight: bold; text-align: left; }
#zoek td { text-align: right; }

你的 CSS 会简单得多（我会提前对任何反表狂热者翻白眼摇头）。

如果您不想这样做（无论出于何种原因），请将其视为一种可以说是更强大的技术：

<ul id="zoek">
  <li><div class="label">Land:</div><div class="select"><select>...</select></li>
  <li><div class="label">Price:</div><div class="select"><select>...</select></li>
</ul>

与：

#zoek li { overflow:hidden; }
#zoek div.label { float:left; }
#zoek div.select { float: right; }

或者，您可以完全省去列表，只嵌套一些 div。