IE8 using 100% of form

#1 (**permalink**) 07-07-2009

Hi,
I have a master page and a content page. I'm want the content page panel
to take up as much of the screen as possible, but in IE8 the height of the
panel takes up only about 50 px. It takes all the screen in IE6 and IE7. The
sample code follows. Can you point me in the right direction to get this
working in IE8?

Thanks
Hank

** Master page
<%@ Master Language="VB" AutoEventWireup="false"
CodeBehind="Master1.master.vb" Inherits="IE8Test.Master1" %>

<!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">
<link href="~/Styles.css" rel="stylesheet" type="text/css" />
<title>PAGE TITLE - Can be overridden by the content title</title>
</head>
<body style="margin:0;height:100%; width:100%;">
<form id="form2" runat="server" style="height:100%; width:100%;" >
<table style="height:100%; width:100%;" cellpadding="0"
cellspacing="0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0"
width="100%" style="background-color:#000066;">
<tr>
<td align="center"><span style="color:#ffffff;
font-size:12pt;font-family:arial, helvetica; font-weight:bold;">
<asp:Label ID="lblTitle" runat="server"
Text="APPLICATION TITLE"></asp:Label></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="height:95%">
<table style="height:100%; width:100%; margin-left:5px;
margin-top:0px;">
<tr>
<td valign="top" style="height:100%" >
<asp:contentplaceholder
id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
</td>
</tr>
</table>
</td>
</tr>

</table>
</form>
</body>
</html>

** Content Page
<%@ Page Language="vb" AutoEventWireup="false"
MasterPageFile="~/Master1.Master" CodeBehind="Default.aspx.vb"
Inherits="IE8Test._Default"
title="IE8 Test" %>
<%@ Register TagPrefix="spl" Namespace="OboutInc.Splitter2"
Assembly="obout_Splitter2_Net" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
runat="server">
<asp:Panel ID="pnlItems" runat="server" Height="90%" Width="98%"
BackColor="Ivory" BorderColor="ActiveBorder" BorderStyle="Solid">
</asp:Panel>
</asp:Content>

#2 (**permalink**) 07-07-2009

"Hank Anzis" <HankAnzis@discussions.microsoft.com> wrote in message news:5BF82D69-7C25-41F2-A7A1-E40DA866BF66@microsoft.com...
> Hi,
> I have a master page and a content page. I'm want the content page panel
> to take up as much of the screen as possible, but in IE8 the height of the
> panel takes up only about 50 px. It takes all the screen in IE6 and IE7. The
> sample code follows.

> Can you point me in the right direction to get this working in IE8?

The MSDN forum for IE web development. ; )

>
> Thanks
> Hank
>
> ** Master page
> <%@ Master Language="VB" AutoEventWireup="false"
> CodeBehind="Master1.master.vb" Inherits="IE8Test.Master1" %>
>
> <!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">
> <link href="~/Styles.css" rel="stylesheet" type="text/css" />
> <title>PAGE TITLE - Can be overridden by the content title</title>
> </head>
> <body style="margin:0;height:100%; width:100%;">
> <form id="form2" runat="server" style="height:100%; width:100%;" >
> <table style="height:100%; width:100%;" cellpadding="0"
> cellspacing="0">
> <tr>
> <td>
> <table border="0" cellpadding="0" cellspacing="0"
> width="100%" style="background-color:#000066;">
> <tr>
> <td align="center"><span style="color:#ffffff;
> font-size:12pt;font-family:arial, helvetica; font-weight:bold;">
> <asp:Label ID="lblTitle" runat="server"
> Text="APPLICATION TITLE"></asp:Label></span></td>
> </tr>
> </table>
> </td>
> </tr>
> <tr>
> <td valign="top" style="height:95%">
> <table style="height:100%; width:100%; margin-left:5px;
> margin-top:0px;">
> <tr>
> <td valign="top" style="height:100%" >
> <asp:contentplaceholder
> id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
> </td>
> </tr>
> </table>
> </td>
> </tr>
>
> </table>
> </form>
> </body>
> </html>
>
> ** Content Page
> <%@ Page Language="vb" AutoEventWireup="false"
> MasterPageFile="~/Master1.Master" CodeBehind="Default.aspx.vb"
> Inherits="IE8Test._Default"
> title="IE8 Test" %>
> <%@ Register TagPrefix="spl" Namespace="OboutInc.Splitter2"
> Assembly="obout_Splitter2_Net" %>
> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
> runat="server">
> <asp:Panel ID="pnlItems" runat="server" Height="90%" Width="98%"
> BackColor="Ivory" BorderColor="ActiveBorder" BorderStyle="Solid">
> </asp:Panel>
> </asp:Content>
>
>

#3 (**permalink**) 07-07-2009

On Jul 7, 8:14*am, Hank Anzis <HankAn...@discussions.microsoft.com>
wrote:
> Hi,
> * I have a master page and a content page. I'm want the content page panel
> to take up as much of the screen as possible, but in IE8 the height of the
> panel takes up only about 50 px. It takes all the screen in IE6 and IE7. The
> sample code follows. Can you point me in the right direction to get this
> working in IE8?
>
> Thanks
> Hank
>
> ** Master page
> <%@ Master Language="VB" AutoEventWireup="false"
> CodeBehind="Master1.master.vb" Inherits="IE8Test.Master1" %>
>
> <!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">
> * * <link href="~/Styles.css" rel="stylesheet" type="text/css" />
> * * <title>PAGE TITLE - Can be overridden by the content title</title>
> </head>
> <body style="margin:0;height:100%; width:100%;">
> * * <form id="form2" runat="server" style="height:100%; width:100%;" >
> * * * * <table style="height:100%; width:100%;" cellpadding="0"
> cellspacing="0">
> * * * * * * <tr>
> * * * * * * * * <td>
> * * * * * * * * * * <table border="0" cellpadding="0" *cellspacing="0"
> width="100%" style="background-color:#000066;">
> * * * * * * * * * * * * * * <tr>
> * * * * * * * * * * * * * * * * * * <td align="center"><span style="color:#ffffff;
> font-size:12pt;font-family:arial, helvetica; *font-weight:bold;">
> * * * * * * * * * * * * * * * * <asp:Label ID="lblTitle" runat="server"
> Text="APPLICATION TITLE"></asp:Label></span></td>
> * * * * * * * * * * * * * * </tr>
> * * * * * * * * * * </table>
> * * * * * * * * </td>
> * * * * * * </tr>
> * * * * * * <tr>
> * * * * * * * * <td valign="top" style="height:95%">
> * * * * * * * * * * <table style="height:100%; width:100%; margin-left:5px;
> margin-top:0px;">
> * * * * * * * * * * * * <tr>
> * * * * * * * * * * * * * * <td valign="top" style="height:100%" >
> * * * * * * * * * * * * * * * * <asp:contentplaceholder
> id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
> * * * * * * * * * * * * * * </td>
> * * * * * * * * * * * * </tr>
> * * * * * * * * * * </table>
> * * * * * * * * </td>
> * * * * * * </tr>
>
> * * * * </table>
> * * </form>
> </body>
> </html>
>
> ** Content Page
> <%@ Page Language="vb" AutoEventWireup="false"
> MasterPageFile="~/Master1.Master" CodeBehind="Default.aspx.vb"
> Inherits="IE8Test._Default"
> * * title="IE8 Test" %>
> <%@ Register TagPrefix="spl" Namespace="OboutInc.Splitter2"
> Assembly="obout_Splitter2_Net" %>
> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
> runat="server">
> * * <asp:Panel ID="pnlItems" runat="server" Height="90%" Width="98%"
> BackColor="Ivory" BorderColor="ActiveBorder" BorderStyle="Solid">
> * * </asp:Panel>
> </asp:Content>

You should talk about only the HTML/CSS that is sent to the browser.
Since it seems like you're having a browser rendering issue - you
probably don't need to involve ASP.Net in the discussion. Select
"View Source" in IE 8 and post that source.

#4 (**permalink**) 07-07-2009

IE Developer Center
http://msdn.microsoft.com/en-us/ie/default.aspx

Learn IE8
http://msdn.microsoft.com/en-us/ie/aa740473.aspx

HTML and DHTML Overviews and Tutorials
http://msdn.microsoft.com/en-us/library/ms537623.aspx and

Cascading Style Sheets (CSS)
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx

Or you could post here instead:

MSDN IE Development Forums
http://social.msdn.microsoft.com/for...iedevelopment/

--
~Robear Dyer (PA Bear)
MS MVP-IE, Mail, Security, Windows Client - since 2002

Hank Anzis wrote:
> Hi,
> I have a master page and a content page. I'm want the content page panel
> to take up as much of the screen as possible, but in IE8 the height of the
> panel takes up only about 50 px. It takes all the screen in IE6 and IE7.
> The
> sample code follows. Can you point me in the right direction to get this
> working in IE8?
>
> Thanks
> Hank
>
> ** Master page
> <%@ Master Language="VB" AutoEventWireup="false"
> CodeBehind="Master1.master.vb" Inherits="IE8Test.Master1" %>
>
> <!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">
> <link href="~/Styles.css" rel="stylesheet" type="text/css" />
> <title>PAGE TITLE - Can be overridden by the content title</title>
> </head>
> <body style="margin:0;height:100%; width:100%;">
> <form id="form2" runat="server" style="height:100%; width:100%;" >
> <table style="height:100%; width:100%;" cellpadding="0"
> cellspacing="0">
> <tr>
> <td>
> <table border="0" cellpadding="0" cellspacing="0"
> width="100%" style="background-color:#000066;">
> <tr>
> <td align="center"><span style="color:#ffffff;
> font-size:12pt;font-family:arial, helvetica; font-weight:bold;">
> <asp:Label ID="lblTitle" runat="server"
> Text="APPLICATION TITLE"></asp:Label></span></td>
> </tr>
> </table>
> </td>
> </tr>
> <tr>
> <td valign="top" style="height:95%">
> <table style="height:100%; width:100%; margin-left:5px;
> margin-top:0px;">
> <tr>
> <td valign="top" style="height:100%" >
> <asp:contentplaceholder
> id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
> </td>
> </tr>
> </table>
> </td>
> </tr>
>
> </table>
> </form>
> </body>
> </html>
>
> ** Content Page
> <%@ Page Language="vb" AutoEventWireup="false"
> MasterPageFile="~/Master1.Master" CodeBehind="Default.aspx.vb"
> Inherits="IE8Test._Default"
> title="IE8 Test" %>
> <%@ Register TagPrefix="spl" Namespace="OboutInc.Splitter2"
> Assembly="obout_Splitter2_Net" %>
> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
> runat="server">
> <asp:Panel ID="pnlItems" runat="server" Height="90%" Width="98%"
> BackColor="Ivory" BorderColor="ActiveBorder" BorderStyle="Solid">
> </asp:Panel>
> </asp:Content>

IE8 using 100% of form

microsoft.public.internetexplorer.general