Question

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

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

红色框中的OL“Zoek en “在IE7中错了”
标题中的css弹出菜单 “家，艾尔登等。”不是在IE7中对齐。

有人可以帮帮我吗？

THX，

凯文，

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。

IE7中的小CSS问题

1 个答案: