Your page didn't work in Opera, IE7 and IE6. :(
Instead of using display:inline-block on span.projects, change to
float:left; Another thing, when using the animation, i dont know why, but
the jquery use overflow:hidden and your left image (border) disappear in the
animation. So this css should solve the issue:
.projects{
float:left;
overflow:visible !important;
}
Instead of using the important in the css to solve the overflow issue u can
put this on js (not tested): $(this).parent().animate({width: "514px",
overflow: "visible"}, 500);
On Tue, Apr 14, 2009 at 19:30, Connor <con...@letsbeglobal.com> wrote:
>
> Hi,
>
> I've had this issue when animating before, but have always found a
> hack around it. But for this project I can't think of any work around.
> What happens is some elements inside the animated element and near the
> animated element disappear during animation. To view it in action go
> to http://www.cyberantix.org/demo/portfolio/projects.html
>
> Click on any of the projects to expand them. See how parts disappear?
> Does anyone know how to fix this?
>
> One other note: I haven't debugged this for Internet Explorer yet, so
> if you would, try it in any other browser.
>
> Thanks,
>
>
> Connor
>
> Let me know if you would prefer me to paste the code here instead of
> looking at the source code.
>
