IE CSS positioning plroblem

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
traveljunkie
Forum Newbie
Posts: 4
Joined: Fri May 23, 2008 9:39 pm

IE CSS positioning plroblem

Post by traveljunkie »

Hey there,

I have written a plug-in for Wordpress, integrating the ImageFlow effect with a popular image gallery plugin. The PHP side of it is sorted, but I have one CSS issue in Internet Explorer. If you have a look here http://travel-junkie.com/geeky-stuff/wp ... imageflow/ in Firefox then you can see how it's supposed to look like. In IE all images are positioned wrong. I tried several things already, but none worked so far, so I'd appreciate any help.

Here's the CSS for ImageFlow:

Code: Select all

 
#if_images img{ 
    position:absolute; 
    top:0px;
    border:none;
}
#if_imageflow a{
    color:#fff;
}
 
#if_images{
    visibility:hidden;
}
#if_loading{
    margin-top:130px;
    margin-bottom:130px;
    text-align:center;
    width:100%;
}
#if_loading img{
    margin-top:10px;
    position:relative; 
}
#if_captions{
    color:#333;
    position:relative; 
    text-align:center;
    z-index:1000;
}
#if_scrollbar{
    visibility:hidden;
    position:relative; 
    border-bottom:1px solid #b3b3b3;
    z-index:1000;
}
#if_slider{
    position:absolute;
    margin-top:-7px;
    margin-left:-7px;
    z-index:1001;
    background-image:url(slider.png);
    background-repeat:no-repeat;
    width:14px;
    height:14px;    
}
#if_imageflow{
    text-align:left;
    background:#fff;
}
 
Thanks a lot for your help,
Boris
Post Reply