Welcome Guest Search | Active Topics | Sign In | Register

Splitter + Frames + IE 6 => lockup Options
ixthnar
Posted: Monday, December 22, 2008 6:43:30 PM
Rank: Advanced Member
Groups: Member

Joined: 11/15/2008
Posts: 44
Hello,

Below is SplitterOuter.htm containing framesets which references SplitterInner.aspx with an EO splitter using AutoFillWindow. SplitterInner.aspx works standalone. SplitterOuter.htm works with FireFox, Safari, and Chrome (with some rough edges); however, with IE 6 moving the splitter locks up the browser.

Any advice? Any script tips like last time?

Thanks!
Chris

SplitterOuter.htm
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title></title></head>
<frameset border="0" frameborder="0" framespacing="1" rows="40,*,80">
<frame name="HPMFrameHeader" src="" width="100%" scrolling="no" noresize="true" />
<frameset border="0" frameborder="0" framespacing="1" cols="240,*">
<frameset border="0" frameborder="0" framespacing="1" rows="*,150" class="HPMFrameNav" >
<frame name="HPMFrameNav" src="" scrolling="auto" />
<frame name="HPMFrameStatus" src="" scrolling="auto" />
</frameset>
<frame name="HPMFrameContent" src="SplitterInner.aspx" scrolling="auto" />
</frameset>
<frame name="HPMFrameFooter" src="" scrolling="no" noresize="true" />
</frameset>
</html>
[/size]


SplitterInner.aspx
Quote:
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register assembly="EO.Web" namespace="EO.Web" tagprefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript">
function pageLoad() {
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
</div>
<eo:Splitter ID="Splitter1" runat="server" Height="200px" Width="300px"
AutoFillWindow="True" BorderColor="#BED6E0" BorderStyle="Solid"
BorderWidth="1px" ControlSkinID="None" DividerCenterImage="00080422"
DividerImage="00080421" DividerSize="11" Orientation="Horizontal">
<eo:SplitterPane ID="SplitterPane1" runat="server"
Height="180px" Width="100px">
</eo:SplitterPane>
<eo:SplitterPane ID="SplitterPane2" runat="server" Height='180px' Width='100px'>
</eo:SplitterPane>
</eo:Splitter>
</form>
</body>
</html>

eo_support
Posted: Tuesday, December 23, 2008 7:28:30 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Try to turn off scrolling on HPMFrameContent by changing:

Code: HTML/ASPX
<frame name="HPMFrameContent" 
src="SplitterInner.aspx" scrolling="auto" />


to:

Code: HTML/ASPX
<frame name="HPMFrameContent" 
src="SplitterInner.aspx" scrolling="no" />


Since the splitter is auto fill, I would expect that you do not need scroll bars.

Thanks!
ixthnar
Posted: Tuesday, December 23, 2008 3:07:14 PM
Rank: Advanced Member
Groups: Member

Joined: 11/15/2008
Posts: 44
Thanks! Once again EO support comes through!

Since other content for the frame requires scolling="auto", I'll need to create some kind of accomodation. I guess this is an EO bug; however, IE is go on version 8 and the problem is with 6 I could understand if a fix is not forthcoming.

Thanks,
Chris
Saed
Posted: Wednesday, December 24, 2008 2:17:55 PM
Rank: Advanced Member
Groups: Member

Joined: 10/15/2008
Posts: 45
Hello there,
I think it is an IE6 issue ixthnar rather than an EO bug...

By default, IE6 follows a predefined set of rules embedded in its code. When it comes across some contradicting rules, it ignores them and sticks to its own, thus, behaves the way we experience. Among the rules IE6 frequently ignores are the standards indicated by declared DOCTYPE. In IE terminology, this referred to as Quirks mode.

To force IE6 to drop this default mode and comply with declared standards, we normally insert an HTML comment tag just before the DOCTYPE declaration. When IE6 reaches that tag, it switches into Standard Compliant mode, turning into a polite and obeying boy! Applause

It doesn't matter what you write between comment tags. Leaving them empty will also do the trick. Here is an example:

Code: HTML/ASPX
%@ Page ... >

<!-- Force IE6 into Standard Compliant mode with this comment tag -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
...


Hope this helps.

Regards,


Saed Hamdan
"Man may be destroyed but not defeated" -Hemmingway
ixthnar
Posted: Wednesday, December 24, 2008 5:11:27 PM
Rank: Advanced Member
Groups: Member

Joined: 11/15/2008
Posts: 44
Thanks.

Still, IE 6 with a frame using scrolling="auto" and EO splitter using AutoFillWindow ends up in an indefinite loop of resize events.

Any thoughts on how to avoid that loop? I've tried various tricks involving css, divs, and tables.

I've also tried changing the scrolling setting on the frame for pages with the EO splitter ... the original value always takes precedence.

Currently, my best answer is to use a different frameset for pages based on the EO splitter. Which, of course, rather misses the point of using framesets.

Thanks. Have a happy holiday,
Chris
eo_support
Posted: Wednesday, December 24, 2008 5:17:27 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi Chris,

We are still investigating this issue. IE 6 is still being used by a lot of people, so we certainly hope we can have a clean fix or workaround on this one.

You have a good holiday too!

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.