IE中的CSS Div定位问题答案

【问题标题】：CSS Div positioning problem in IEIE中的CSS Div定位问题
【发布时间】：2012-06-29 04:27:31
【问题描述】：

我在此页面的 div 中有一个 JQ 幻灯片： http://www.lucky-seed.com/web.html

并有一个具有以下样式的 IE 的 css 表：

.slideshow { height: 599px; width: 700px; 
max-width: 700px
margin-top: 00px;
margin-left: 295px;
float:left;
position: relative;
display: inline;}

我哪里错了？除了 IE，它在任何东西上看起来都很棒，但是一旦在 IE 中，无论我做什么，我似乎都无法移动位置。

提前感谢您的见解。

【问题讨论】：

哎呀。没关系，我现在看到我在 max-width 值后面缺少了一个分号。

标签： css css-float cross-browser

【解决方案1】：

你好匹兹堡人：P

那里有很多不同的、相互冲突的风格。虽然这不是一个具体的答案，但我是否可以建议使用像 Blueprint (http://www.blueprintcss.org/) 这样的 CSS 框架来更好地管理您的列，使其更加简单，并让它担心 IE 兼容性。现在通常不需要自己滚动列。

【讨论】：

嗯，我很高兴能从镇上我最喜欢的工作室之一那里得到建议。我已经下载了蓝图并将对其进行测试。谢谢！

【解决方案2】：

在ieweb.css 中，尝试将.slidenav 上的margin-top 更改为50px，而不是-20px。

这会将箭头移动到与 Firefox 中大致相同的位置。

如果需要，可以废弃 IE 特定的样式表并再次执行它们。如果您还记得您的question from yesterday，那么您对 cmets 有一个奇怪的问题。这些 cmets 在您的 IE 页面上导致解析错误，所以我想您的 IE 样式表中的许多“修复”不再需要，现在您已经对这些 cmets 进行了排序。

【讨论】：

再次感谢三十点！定位似乎是我在这些 ie 表上所做的唯一小“修复”，但听起来如果我使用更实心的列布局，我可以避免这种情况。