PDA

View Full Version : [SOLVED] huge problem with IE and content scrolling



dotnetCarpenter
21 Sep 2007, 1:30 PM
Hi all!

I have a simple north/center layout with a calendar in the center. If you adjust the size of the viewport to less than calendar height a scrollbar should appear. In IE6 and IE7 you can't scroll though.
You can see it here http://bookevent.dk/JSCalendar/

I have played with positioning but IE doesn't care whatever I do (in other browsers some very interesting results appear!). Is there a way to get Ext to handle my problem? I have set autoScroll to true in the center window.

I have tested it in FF2, Opera 9, Safari 3 (for Win) and it works perfectly.

I feel I've tried everything but to no avail and I hope I don't have to revert to using a table.

1000000 thanks in advance!

evant
21 Sep 2007, 6:08 PM
All I see there is some flash site?

dotnetCarpenter
23 Sep 2007, 10:43 AM
ahh, my bad. The domain name is not out yet (you would have to change your local host file to see the site). I will put the page on another server and repost. :">

dotnetCarpenter
23 Sep 2007, 12:13 PM
You can see the page at this URI: http://bookevent.dk/JSCalendar/ (http://bookevent.dk/JSCalendar/)
- sorry

dotnetCarpenter
23 Sep 2007, 2:01 PM
My problem seems to be this IE bug: http://www.positioniseverything.net/explorer/unscrollable.html
I haven't got the Holly hack to work satisfying yet though...
Any suggestions?

steffenk
23 Sep 2007, 2:50 PM
i can't see the problem - did you fixed it? Or is it only in IE6 ? IE7 looks same as FF to me.

albertyips
25 Sep 2007, 6:09 PM
I think you are suffering the effects of IE6 css "bug" related to relative positioning. For example see http://www.thescripts.com/forum/thread571528.html

I applied a "POSITION: relative" style to "x-layout-panel-body" and scroll bars worked.

When you create the center panel insert the following line for relative positioning:



center: {
titlebar: false,
autoScroll:true,
position: 'relative'
}


I haven't tried it with your code, but I had a similar problem where the above fix helped.

Albert

dotnetCarpenter
25 Sep 2007, 11:21 PM
I think you got something there but unfortunately it doesn't work. I have inserted the line you suggested: http:bookevent.dk/JSCalendar/ (http:bookevent.dk/JSCalendar/)

dotnetCarpenter
25 Sep 2007, 11:24 PM
i can't see the problem - did you fixed it? Or is it only in IE6 ? IE7 looks same as FF to me.

I can put
overflow:scroll/auto and the scrollbars will work but IE always gets the box width and height wrong, so the result is even worse because the scrollbars are there, even if the content fits the container. I removed the overflow property. Take a look, please :)

albertyips
26 Sep 2007, 6:12 AM
I used IE developer to change the x-layout-panel-body to position relatve. Works great.

Can you try manually setting the style.



.x-layout-panel-body {
position: relative;
}

dotnetCarpenter
27 Sep 2007, 5:32 AM
Perfect! A million thanks!