Sonnenblume: DocType Verwendung

Hallo Forum,

brauche Eure Hilfe bei einem WebSite Update.
Unten das Grundgerüst meiner Seiten.
Ohne die DocType Zeile ist es so wie ich es gerne haben möchte
Leiste Oben, Leiste Unten, die Mitte wird so groß wie das Fenster des Browsers.

  • suche nach einer Möglichkeit jedoch mit DocType Verwendung.

Was ist falsch?

Danke für Eure Hilfe

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>Testseite</title>

<style type="text/css">
html,body {
height: 100%; padding:0px; margin:0px;
}
</style>

</head>

<body>
<table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
  <td bgcolor="blue" height="1%">
</tr>
<tr>
  <td bgcolor="yellow" height="98%">
</tr>
<tr>
<td bgcolor="red" height="1%">
</tr>
</table>

</body>

</html>

  1. Hi,

    Was ist falsch?

    Du missbrauchst Tabellen für Layoutzwecke.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    • suche nach einer Möglichkeit jedoch mit DocType Verwendung.

    Wo ist das Problem bei der Verwendung eines Doctypes?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    <html>  
    <head>  
    <title>Testseite</title>  
    <style type="text/css">  
    [code lang=css]html, body { height: 100%; margin: 0; padding: 0; border: 0 none; }  
    div.container { overflow: hidden; }  
    #oben { height: 1%; background-color: blue; }  
    #mitte { height: 98%; background-color: yellow; }  
    #unten { height: 1%; background-color: red; }
    

    </style>
    </head>
    <body>

    <div class="container" id="oben">oben</div>
    <div class="container" id="mitte">mitte</div>
    <div class="container" id="unten">unten</div>

    </body>
    </html>[/code]

    Sieht hier in allen Browsern gleich aus.

    Mathias

    1. ... danke für Hilfe.

      Genau das was mir fehlte :-)

      Grüße