2010-01-06 27 views
1

嘿,我花了几个小时看着这个,我希望有一对新的,甚至更多的经验对此眼睛可能有助于解决它。虽然IE6支持不是特别需要,但IE7是,这是我的图像滚动问题。IE6和7个bug导致头痛

任何人都可以看一下,看看是什么导致其父母的div内图像上下的大量间距?在IE6中,您将能够看到更好的效果,因为IE7不会显示溢出。

继承人的链接:http://www.qwibbledesigns.co.uk/preview/aurelius/

我真的很感激的人谁看看这个,可以提供的任何猜测,或解决方案发生了什么。

马特

+2

我喜欢的主题。 – SLaks 2010-01-06 22:48:41

+0

err哪个图片有间距问题? – Hogan 2010-01-06 22:51:47

+0

欢迎来到SLaks的采摘,这显然是那些深夜打字错误之一^^ – Qwibble 2010-01-06 23:47:45

回答

2

li您的内嵌样式为IE

为同里设置巨大的字体大小
<li class="roundabout-moveable-item roundabout-in-focus" style="z-index: 400; position: absolute; filter: alpha(opacity=100); WIDTH: 600px; zoom: 1; height: 300px; font-size: 500px; top: -1px; left: -52px;" degrees="0" startPos="600,300,500" current-scale="1.0000" jQuery1262819600298="2"> 

用于Firefox的内嵌样式是

<li class="roundabout-moveable-item roundabout-in-focus" style="position: absolute; left: -52.5px; top: -1.5px; width: 600px; height: 300px; opacity: 1; z-index: 400; font-size: 12px;" degrees="0" startpos="600,300,12" current-scale="1.0000"> 

它是在IE font-size:500px主场迎战导致额外空间的FF中的font-size:12px

+0

你是一个生活的保护者。不确定为什么Jquery会这样做,但是我已经在样式表中为它重写了一个重要的值,我将联系Jquery carosuel的作者和这个bug。 谢谢艾米丽 – Qwibble 2010-01-06 23:47:07

0

我真的不能告诉我们,没有调试工具为IE安装,但看到额外的空间,加上图像精确地是1个视高(100%)高,我认为这是其中之一:

.roundabout-moveable-item img { 
.... 
height: 100% 
} 

font-size: 100% 

从重置样式表。

明天我会明白我是否是对的。

晚上!

0

尝试增加这些以迂回的,可移动的项目(一次一个,看看一个工程):

.roundabout-moveable-item { display: inline; ... } 

.roundabout-moveable-item { line-height: 0; font-size: 0; ... } 
0

这是否帮助?

.roundabout-moveable-item a{ 
position:absolute; 
left:5px; 
top: 5px; 
} 
0

我正在经历类似的ATM。看看这个线程:

http://doctype.com/ie7-div-positionabsolute-problem

看来,它的东西做绝对定位,也有一些建议,你可以试试。对我来说,没有在所有浏览器可靠地工作,我不得不做的IE具体黑客以抵消绝对定位的元素的,像这样的利润率:

/margin-top: -50px; 

只有IE拿起这种风格,浏览器的其余部分忽略它由于/在行首。