star html hack -feststehender footer

chritian · #1 (**permalink**) 15.09.2007, 14:19

hi,

ich habe .asp eine webpage erstellt und in der masterpage das css festgelegt.

nun will ich einen feststehender Footer und Header. Deshalb habe ich footer, header und containt in einen panel gepackt. Funkt. mit folgendem Code auch:

Code:

<body style="margin:0px; padding:0px; height:100%; overflow:hidden">
    <form id="form1" runat="server">

    <%--header--%>
    <asp:Panel ID="Header" Height="10%" runat=server>
        <asp:Image  .../>
    </asp:Panel>
    
    <%--container--%>
        <asp:Panel  ScrollBars=Auto Height="80%" ID="Container" runat=server>
            <asp:contentplaceholder id=....>
            </asp:contentplaceholder> 
        </asp:Panel>    
        
    <%--footer--%>
        <asp:Panel ID="Footer" Height="10%" runat=server>
            <asp:HyperLink ..../>
        </asp:Panel>
    </form>
</body>
</html>

Damit es auch für firefox und ie6 läuft muss ich mit css-browserweichen arbeiten. ich nehme den starhtml hack. Eigentlich müsste n.m.erachten der code für den ie6 so aussehen:

Code:

<head id="Head1" runat="server">
    <title>Unbenannte Seite</title>
    <style type="text/css">
    * html #body {Height=100%;overflow:hidden}
    * html #Header {Height=10%}
    * html #Container {ScrollBars=Auto; Height=80%} 
    * html #Footer {Height=10%} 
    </style>
</head>
<body style="margin:0px; padding:0px>
    <form id="form1" runat="server">

    <%--header--%>
    <asp:Panel ID="Header" runat=server>
        <asp:Image  ..."/>
    </asp:Panel>
    
    <%--container--%>
        <asp:Panel  ID="Container" runat=server>
            <asp:contentplaceholder id="...>
            </asp:contentplaceholder> 
        </asp:Panel>    
        
    <%--footer--%>
        <asp:Panel ID="Footer" runat=server>
            <asp:HyperLink ....>
        </asp:Panel>
    </form>
</body>
</html>

also die Height etc. lege ich unter <style type="text/css"> ab. Es funktioniert aber nicht. Sieht jmd. den Fehler????? Oder ist der ganze Ansatz falsch?

Danke für die Hilfe!
christian

Geronimo · #2 (**permalink**) 15.09.2007, 18:32

Zitat:

Zitat von chritian

Deshalb habe ich footer, header und containt in einen panel gepackt.

Ein solches Element gibt es in HTML nicht. Was bekommt der Browser zu sehen?

gato · #3 (**permalink**) 15.09.2007, 18:39

Wertzuweisungen erfolgen in CSS mit dem Doppelpunkt.
Eine CSS-Eigenschaft "Scrollbars" gibt es nicht.

Desweiteren schließe ich mich dem designfanatiker an.

chritian · #4 (**permalink**) 17.09.2007, 10:07

jou ihr habt recht - ich bin noch ziemlich wild zwischen html und css rumgesprungen... Das ganze css ist noch ziemlich neblig für mich...
ich benutze jetzt <div> anstatt von <panel> und bin zumindest mal einen schritt weiter.
danke!
grüsse,
christian

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Layout - footer und layer[links] - Probleme - (CSS-Anfänger)	Basti_LRT	CSS	1	08.10.2007 22:03
Footer Problem (3 spaltiges Layout, variable Höhe)	Lofesto	CSS	2	23.07.2007 16:13
feststehender Footer, scrollender Content	sa1003	CSS	7	21.11.2006 20:01
footer stick alt -> unerwünschter Spalt in FF	fidel	CSS	34	16.08.2006 13:35
Footer Problem	blub19	CSS	6	25.01.2005 11:46