Jonas Clemens: height:100% in xhtml-strict

SELF-Forum

height:100% in xhtml-strict

Jonas Clemens
– Informationen zu den Bewertungsregeln

Hi!

Kann mir jemand helfen, ein div-element in xhtml-strict auf 100% der seitenhöhe zu bringen?

  
<!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-US">  
<head><title>height test</title></head>  
<body>  
<div style="height:100%; width:750px; margin: auto;"></div>  
</body>  
</html>

Der code funktioniert nicht (zumindest bei mir mit firefox 3)!
gruß

Jonas

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. height:100% in xhtml-strict

    gooxsy
    – Informationen zu den Bewertungsregeln

    Hallo Jonas,

    <div style="height:100%; width:750px; margin: auto;"></div>

    Du mußt dem Browser natürlich auch sagen, wie groß _jenes_ Elternelement ist, auf das sich die 100% beziehen. Das ist in diesem Fall das Elternelement <body>. Die Höhe _davon_ hast Du aber _nicht_ angegeben.

    Mit einem

      
body  
{  
height:100%;  
}

    sollte das Resultat das von Dir gewünschte sein.

    MfG

    gooxsy

    --
    SELFCODE: sh:( fo:| ch:? rl:° br:& n4:? ie:% mo:) va:} de:> zu:) fl:( ss:( ls:& js:{
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. height:100% in xhtml-strict

      Der Martin
      – Informationen zu den Bewertungsregeln

      Hallo,

      <div style="height:100%; width:750px; margin: auto;"></div>
      Du mußt dem Browser natürlich auch sagen, wie groß _jenes_ Elternelement ist, auf das sich die 100% beziehen. Das ist in diesem Fall das Elternelement <body>. Die Höhe _davon_ hast Du aber _nicht_ angegeben.

      richtig, damit ist es aber nicht getan. Denn auch body hat ein Elternelement, dessen Höhe man ebenfalls festlegen sollte.

      Ciao,
       Martin

      --
      F: Was ist eigentlich aus deinem schlimmen Durchfall geworden?
      A: Mein Arzt hat mir Valium verschrieben.
      F: Und das hilft?
      A: Naja, ich mach mir immer noch in die Hose. Aber inzwischen ist es mir egal.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. height:100% in xhtml-strict

    steckl
    – Informationen zu den Bewertungsregeln

    Hi,

    Kann mir jemand helfen, ein div-element in xhtml-strict auf 100% der seitenhöhe zu bringen?

    Es nimmt in deinem Fall 100% des des Platzes ein, der ihm zur Verfügung steht. In deinem Fall wird der Platz von body begrenzt. Body wird wiederum von html eingeschlossen.

    Also musst du dafür sorgen, dass auch body und html 100% Höhe haben.
    Zu beachten ist noch, dass diese auch noch default-margin/padding haben können.

    mfG,
    steckl

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. height:100% in xhtml-strict

      Jonas
      – Informationen zu den Bewertungsregeln

      Also musst du dafür sorgen, dass auch body und html 100% Höhe haben.

      dass <html> auch eine höhe zugewiesen werden muss, war mir nicht klar..

      mfG,
      steckl

      danke, ihr habt meinen Abend gerettet! ;D

      gruß
      Jonas

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. height:100% in xhtml-strict

    Inita_ Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hei,

    da isses
    http://gut.lv/beispiel/stickself.html

    Lg,
    Inita

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln