Erwin: Div height 100% und XHTML 1.0 strict

Hi Forum,

ein ganz einfacher Wunsch: ein div-Element über den gesamten Bildschirm:

  
<html>  
<body>  
  
<div style="border: 1px solid black; height: 100%;"></div>  
  
</body>  
</html>  

funktioniert so auch wunderbar, nur mit dem richtigen Doctype wirds nichts:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >  
  
<body>  
  
<div style="border: 1px solid black; height: 100%;"></div>  
  
</body>  
</html>  

Ich vermute, ich mache etwas falsch - aber was?

Danke
  Erwin

  1. hi,

    so einfach geht es nicht auf allen Browsern. Nimm mein Beispiel.

    http://inix.in.funpic.de/stickself.html

    Gruss,
    Inita

    1. Hi,

      ohne richtigen Doctype geht es doch in allen[1] Browsern?!

      Gruss
        Erwin

      [1]IE6/7 FF Opera Safari

      1. Hi,

        ohne richtigen Doctype geht es doch in allen[1] Browsern?!

        Gruss
          Erwin

        [1]IE6/7 FF Opera Safari

        weiss nicht, probiermal. Denke aber, JA.

        Inita

  2. hi,

    ein ganz einfacher Wunsch: ein div-Element über den gesamten Bildschirm
    funktioniert so auch wunderbar, nur mit dem richtigen Doctype wirds nichts
    Ich vermute, ich mache etwas falsch - aber was?

    Du gibst den Vorfahrenelementen des Elements keine Höhe.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hi,

      alles klar - du spielst auf body an:

        
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >  
      <body style="height: 100%;">  
        
      <div style="border: 1px solid black; height: 100%;"></div>  
        
      </body>  
      </html>  
      
      

      tut wunderbar im IE, der FF wie Opera und Safari wollen an der Darstellung nichts ändern -> immer noch 2px hoch.

      Any hints?
        Erwin

      1. Yerf!

        alles klar - du spielst auf body an:

        nicht nur... body hat ebenfalls einen Vorfahren.

        Gruß,

        Harlequin

        1. Hi,

          nicht nur... body hat ebenfalls einen Vorfahren.

          und schon tut es!

          Danke
            Erwin