The height of my Panes in IE goes from declared 100% to some tiny fixed size.
Here is what the page looks like in FF.
FireFox Layout
and here is what the same page looks like in IE6&7
IE Layout
Here is the markup:
Now i realize this layout has nested splitters, but this problem occurs even with just a single splitter.
The world would be a better place if everyone used FF, but until then we will need to support IE.
Here is what the page looks like in FF.
FireFox Layout
and here is what the same page looks like in IE6&7
IE Layout
Here is the markup:
<telerik:RadDockLayout runat="server" ID="RadDockLayout1"> | |
<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="100%" | |
Orientation="Horizontal"> | |
<telerik:RadPane ID="RadPane1" runat="server" Scrolling="Y" Height="100%" Width="100%"> | |
<telerik:RadDockZone runat="server" ID="RadDockZone1"> | |
<telerik:RadDock runat="server" ID="dock1" Width="100%"> | |
<ContentTemplate> | |
Dock 1: Hello from zone 1 | |
</ContentTemplate> | |
</telerik:RadDock> | |
</telerik:RadDockZone> | |
</telerik:RadPane> | |
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" Width="20" Height="100%" /> | |
<telerik:RadPane ID="RadPane2" runat="server" Scrolling="Y" Height="100%" Width="100%"> | |
<telerik:RadSplitter ID="RadSplitter2" runat="server" Width="100%" Height="100%" | |
Orientation="Vertical"> | |
<telerik:RadPane ID="RadPane3" runat="server" Scrolling="Y" Height="100%" Width="25%"> | |
<telerik:RadDockZone ID="RadDockZone2" runat="server"> | |
<telerik:RadDock runat="server" ID="dock2" Width="100%"> | |
<ContentTemplate> | |
Dock 3: Hello from zone 2 | |
</ContentTemplate> | |
</telerik:RadDock> | |
<telerik:RadDock runat="server" ID="RadDock1" Width="100%"> | |
<ContentTemplate> | |
Dock 4: Hello from zone 2 | |
</ContentTemplate> | |
</telerik:RadDock> | |
</telerik:RadDockZone> | |
</telerik:RadPane> | |
<telerik:RadSplitBar ID="RadSplitBar2" runat="server" Width="20" Height="100%" /> | |
<telerik:RadPane ID="RadPane4" runat="server" Scrolling="Y" Height="100%" Width="75%"> | |
<telerik:RadDockZone ID="RadDockZone3" runat="server"> | |
<telerik:RadDock runat="server" ID="RadDock2" Width="100%"> | |
<ContentTemplate> | |
Dock 5: Hello from zone 3 | |
</ContentTemplate> | |
</telerik:RadDock> | |
<telerik:RadDock runat="server" ID="RadDock3" Width="100%"> | |
<ContentTemplate> | |
Dock 6: Hello from zone 3 | |
</ContentTemplate> | |
</telerik:RadDock> | |
</telerik:RadDockZone> | |
</telerik:RadPane> | |
</telerik:RadSplitter> | |
</telerik:RadPane> | |
</telerik:RadSplitter> | |
</telerik:RadDockLayout> |
Now i realize this layout has nested splitters, but this problem occurs even with just a single splitter.
The world would be a better place if everyone used FF, but until then we will need to support IE.