Author Topic: [Ajax Scroller] Layout problem on IE8  (Read 984 times)

yum999

  • Newbie
  • *
  • Posts: 3
    • View Profile
[Ajax Scroller] Layout problem on IE8
« on: 02 April 2010, 20:33 »
I've got a layout problem on ie8, on chrome5 and latest ffox works great.

The website address is: http://www.controlacrisi.org/

I'm also posting two screenshot to see the problem, I hope you can help me asap.

IE8: http://img107.imageshack.us/img107/189/ie8.png
Chrome 5: http://img32.imageshack.us/img32/9429/chrome5.png

Thank you.

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,495
    • View Profile
    • Sakic.Net
Re: [Ajax Scroller] Layout problem on IE8
« Reply #1 on: 02 April 2010, 21:11 »
This looks like the issue with navigation bar. Although it's set to height: 0; it is still taking space. Maybe it depends on parent items. I am not a CSS expert but try with absolute position for the mNav.

If unsuccessful, send me the details and I will test and try to fix it.
« Last Edit: 02 April 2010, 21:20 by Saka »

yum999

  • Newbie
  • *
  • Posts: 3
    • View Profile
Re: [Ajax Scroller] Layout problem on IE8
« Reply #2 on: 02 April 2010, 22:30 »
This looks like the issue with navigation bar. Although it's set to height: 0; it is still taking space. Maybe it depends on parent items. I am not a CSS expert but try with absolute position for the mNav.

If unsuccessful, send me the details and I will test and try to fix it.

With position absolute it shown up in the top-right of the page.

You can check everything directly on the site: http://controlacrisi.org/
(the css of ajax scroller is in the normal path: http://controlacrisi.org/modules/mod_ajaxscroller/mod_ajaxscroller/style.css)

If you need to know anything else just let me know.

Thank you.

Edit: position absolute works for the scroller, not for the nav cause it's outside the container.
What do you think about putting the nav in the container div?
Would it be a problem for the ajax scroller's js?
« Last Edit: 02 April 2010, 22:34 by yum999 »

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,495
    • View Profile
    • Sakic.Net
Re: [Ajax Scroller] Layout problem on IE8
« Reply #3 on: 03 April 2010, 02:19 »
I think I found it.

You have something like:
Code: [Select]
<div id="breadcrumbs">
<p>
code for scroller
</p>
</div>

Remove the paragraph so it becomes:

Code: [Select]
<div id="breadcrumbs">
code for scroller
</div>

That should fix it.

yum999

  • Newbie
  • *
  • Posts: 3
    • View Profile
Re: [Ajax Scroller] Layout problem on IE8
« Reply #4 on: 03 April 2010, 13:42 »
Thank you saka, works great :).