Joomla Templates Club 406,261 posts

[srushik Friend srushikJoin date: April 2009Posts: 3Downloads:0Uploads:2]

#140642

In Internet Explorer 8, the bottom image, under the slideshow (SL-BOT.GIF) does not line up with the slide show mask graphic. It does however line up in Firefox.

What I’m seeing is the top of the slide show is actually higher in the page in IE than FireFox. The bottom graphic (shadow under the slideshow) is in the same position on both IE & Firefox.

Because the top is higher in IE, it produced a space between the slideshow mask and the shadow under it.

I’m not sure what CSS variable to modify to correct this issue.

Any help would be really apprecaited.
Attached are screenshots, you can see the site at: http://op.lcc.org/
You can also see spacing issue on the JA Ruby demo site.

Shane

---

Attachments:

1. 
2. 

[srushik Friend srushikJoin date: April 2009Posts: 3Downloads:0Uploads:2]

#302669

This issue is specific to Internet Explorer 8. It works fine in IE7.

Looking at the CSS, the problem may be in the class “Clearfix” in the htmladdons.css file.

Hopefully that helps focus in on the issue. I still need your help to resolve the spacing problem.

Thanks,
Shane

[srushik Friend srushikJoin date: April 2009Posts: 3Downloads:0Uploads:2]

#302732

There may be a better fix, but I inserted the following (at line 67) to the index.php and totally solved the formatting issue in IE8.

<!–>
<style type=”text/css”>
.ja-slide-main-wrap {top:11px;}
</style>
<!–>

Hopefully this will be helpful to someone else here…

Kinda sad that I didn’t get a response from the Joomla team… I’m the only one responding to my post and I had to solve it myself.

[Author]

Posts