Roland: Internet-Explorer: Falsche Interpretation von Zellenhöhen

Beitrag lesen

SELF-Forum

Internet-Explorer: Falsche Interpretation von Zellenhöhen

Roland
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe ein Website-Layout, zu dessen Realisierung zwingend eine Tabelle notwendig ist (soweit ich das beurteilen kann):
Es gibt eine Überschrifts-Zeile, eine Navigationsleiste links und unten eine weitere Leiste und dazwischen den Inhalt. So weit, so gut, das ließe sich ja recht leicht realisieren, allerdings ignoriert der Internet Explorer meine Höhenangaben für Header und untere Leiste und zeigt absoluten Mist an. Gibts da eine Alternative?

----- CSS:

#ParentDiv
{
 position: absolute; left:0px; top:0px;
 height: 100%; width: 100%
}

#ParentTable
{
 height: 100%; width: 100%;
}

#HeaderCell
{
 height: 100px;
 vertical-align: top;
}

#NavigationCell
{
 width: 10em;
 vertical-align: top;
}

#ContentCell
{
 vertical-align: top;
}

#BottomCell
{
 height: 100px;
 vertical-align: top;
}

----- HTML-Code (ist eine ASP.net-Seite; das ist aber im Prinzip egal):

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MilitariaMaster.master.cs"
    Inherits="MilitariaMaster" %>
<!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>Untitled Page</title>
    <link href="style/Militaria.css" type="text/css" rel="stylesheet" />
    <link href="style/Layout.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
        <div id="ParentDiv">
            <table id="ParentTable" border="1">
                <tr>
                    <td colspan="2" id="HeaderCell">
                    header
                    </td>
                </tr>
                <tr>
                    <td rowspan="2" id="NavigationCell">
                    nav
                    </td>
                    <td id="ContentCell">
                    content
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
                    </td>
                </tr>
                <tr>
                    <td id="BottomCell">
                    bottom
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

----- Screenshots:

www.rlnd.net/upld/FF.png
www.rlnd.net/upld/IE.png

----- PS:

Falls jemand eine tolle Möglichkeit weiß, dass das ganze Layout im Prinzip statisch bleibt und nur die Content-Zelle gescrollt wird, wäre ich dem sehr dankbar dafür. ;)

Vielen Dank!
Roland

Beitrag melden
–
Informationen zu den Bewertungsregeln