2 replies [Last post]
Hara
Offline
newbie
Last seen: 9 years 47 weeks ago
Timezone: GMT+3
Joined: 2009-05-01
Posts: 2
Points: 0

Hi to everyone.

I have a problem in IE8. When click on compability level it work as should.

Here is my code:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="DefaultMasterPage.master.cs" Inherits="DefaultMasterPage" %>
<!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 id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>PSJOInc</title>           
    <!--[if IE 6]>
        <link href="Resources/Styles/DefaultStyleIE6.css" rel="stylesheet" type="text/css" />    
    <![endif]-->
    <!--[if IE 7]>
        <link href="Resources/Styles/DefaultStyleIE7.css" rel="stylesheet" type="text/css" />  
    <![endif]--> 
    <!--[if IE 8]>
        <link href="Resources/Styles/DefaultStyleIE8.css" rel="stylesheet" type="text/css" />  
    <![endif]--> 
    <!--[if !IE]>
        <link href="Resources/Styles/DefaultMasterStyle.css" rel="stylesheet" type="text/css" />  
    <![endif]-->                    
    <link href="Resources/Styles/DefaultMenu.css" rel="stylesheet" type="text/css" />
 
    <script type="text/javascript" language="JavaScript"><!--	
	if (navigator.userAgent.indexOf("MSIE") == -1)
		document.write('<style type="text/css"> @import "/Resources/Styles/DefaultMasterStyle.css"; </style>');//-->
    </script>    
</head>
<body> 
<div id="container">  
 <form id="DefaultForm" runat="server">     
    <div id="wrapper">
        <div id="left">
            <asp:Image ID="LeftImage" runat="server" ImageUrl="~/Resources/Images/left.png" Height="100%" Width="150px" ImageAlign="Top" />
        </div> 
 
        <div id="right">
            <asp:Image ID="RightImage" runat="server" ImageUrl="~/Resources/Images/right.png" Height="100%" Width="150px" ImageAlign="Top" />
        </div>  
 
        <div id="middle">
            <div id="header">
                <asp:Image ID="BannerImage" runat="server" ImageUrl="~/Resources/Images/banner.jpg" />                        
            </div>             
            <div id="MainMenu">
                <asp:Menu ID="DefaultMenu" runat="server" DataSourceID="DefaultDataMapSource" Orientation="Horizontal" DynamicEnableDefaultPopOutImage="False" MaximumDynamicDisplayLevels="2" StaticEnableDefaultPopOutImage="False" CssClass="Default">
                    <StaticMenuItemStyle CssClass="MainMenuBack" ItemSpacing="0px" VerticalPadding="12px" />
                    <StaticHoverStyle CssClass="MainMenuHover" />
                    <StaticSelectedStyle CssClass="MainMenuSelected" />
                    <DynamicMenuStyle CssClass="MainMenuDynamic" />
                    <DynamicMenuItemStyle CssClass="MainMenuDown" ItemSpacing="0px" />
                    <DynamicHoverStyle CssClass="MainMenuDynamicHover" />                       
                </asp:Menu>   
            </div>                                  
            <div id="body">                                                      
                <asp:contentplaceholder id="MainContentPlaceHolder" runat="server"> 
 
                </asp:contentplaceholder>
                <asp:SiteMapDataSource SiteMapProvider="DefaultSiteMap" ID="DefaultDataMapSource" runat="server" ShowStartingNode="False" />                                      
            </div>         
        </div>        
    </div>
    <div id="footer">        
        Copyright&copy 2009. 
    </div>
 </form>
</div>                      
</body>
</html>

And the code of CSS

html, body
{
    margin:0;
    padding:0; 
    height:100%;
    width:100%;
}
 
#container
{   
    height:100%;
    min-height:100%;
    width:100%;           
}
 
#wrapper
{   
    width:100%; 
    min-height:100%;  
    height:100%; 
    padding-bottom:25px;   /* Height of the footer */
}
 
#left
{    
    float:left;
    width:150px; 
    height:100%;    
}
 
#right
{      
    float:right;
    width:150px;
    height:100%;      
}
 
#middle
{
    float:left;
    height:100%; 
    width:auto;
    padding-left:20px;
    padding-right:20px;    
}
 
#header 
{      
    margin: 10px 0 10px 0;
    background-image: url(../Images/banner_back.jpg);
    background-repeat:repeat-x;
    width:100%;
    width:auto;
}
 
#body
{         
    width:auto;
    height:100%;
}
 
#footer
{
    position:absolute;
    padding-left:0px;
    padding-right:0px;
    width:100%;
    bottom:0px !important;    
    height:25px;   /* Height of the footer */
    text-align:center;   
    color:blue;
    font-family:Verdana;
    font-size:12px;      
}
 
Any suggestion will be great. Waitig for your replyies. :)

Hara
Offline
newbie
Last seen: 9 years 47 weeks ago
Timezone: GMT+3
Joined: 2009-05-01
Posts: 2
Points: 0

Any suggestion will be

Any suggestion will be great. Waitig for your replyies. Smile

Freon22
Offline
newbie
Last seen: 9 years 40 weeks ago
Joined: 2009-07-08
Posts: 2
Points: 0

So did you figure out the

So did you figure out the problem?
If not it is your that is causing the problem with height: 100%; Try adding this to your form

<form id="DefaultForm" runat="server" style="margin: 0px; padding: 0px; height: 100%; width: 100%;">