PDA

View Full Version : [CLOSED] IE7/IE8 Frame question



cwolcott
Apr 08, 2015, 1:21 PM
Simple example and hopefully a simple answer.

Why in IE7/IE8 can't I get rid of the extra padding/border when I have frame="true".

http://forums.ext.net/attachment.php?attachmentid=23571&stc=1http://forums.ext.net/attachment.php?attachmentid=23561&stc=1

For the modern browser the outerPanelStyle padding: 0px removes the padding and the outerPanelBody border: none removes the body border.



<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<script runat="server">
</script>
<head runat="server">
<title></title>
<style type="text/css">
.outerPanelStyle {
padding: 0px;
margin: 0px;
}

.outerPanelBody {
padding: 0px;
margin: 0px;
border: none;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ext:ResourceManager runat="server" />

<ext:Panel ID="UIPanel" runat="server" Title="IE7/IE8 Frame Question" TitleAlign="Center" Layout="VBoxLayout"
Frame="true" Width="400" Height="300" UI="Success" Cls="outerPanelStyle" BodyCls="outerPanelBody">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel runat="server" Flex="1" Html="Inner Panel HTML" border="false" />
</Items>
</ext:Panel>
</body>
</html>

Daniil
Apr 08, 2015, 8:52 PM
Hi Chris,

As far as I can see there is no padding, but, yes, borders are quite thicker. I think it is 1px in modern browsers and 4px in IE7 and 8.

The problem is that IE7 and 8 don't support border radius. So, that border radius is emulated by special markup and CSS. There is a lot of divs elements around the perimeter with background-images. Those divs are 4px thick. They cannot be smaller to emulate round corners.

cwolcott
Apr 08, 2015, 10:09 PM
Is there any reason this does not return true when in IE7 or IE8? Do I need to have something else configured?



if (RequestManager.IsIE7 || RequestManager.IsIE8)
{
}


If found a discussion you had here:
Change the panels color border (http://forums.ext.net/showthread.php?23924-Change-the-panel-s-color-border&p=108276&viewfull=1#post108276)

cwolcott
Apr 08, 2015, 10:19 PM
I think I know why. I am running IE11, but using an older trunk before this fix. I am changing the document mode to 7 or 8.

How to detect IE11 on server side (http://forums.ext.net/showthread.php?46751-CLOSED-How-to-detect-IE11-on-server-side&highlight=RequestManager)

cwolcott
Apr 08, 2015, 10:58 PM
OK everything works fine now. I upgraded to Rev 6411 (April 3, 2010) and set the Document mode and user agent string to the version of IE I wanted to test. Please close the thread.