[HTML] + [CSS] Height=100%

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Mr.Clear, 11. Dezember 2007 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 11. Dezember 2007
    + [CSS] Height=100%

    Hi,

    Warum wird dieses einzelne Div-Element nicht auf die ganze Höhe gestreckt,
    obwohl man height="100%" angibt?

    Code:
    <html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">

 <head>
 <style type="text/css">
 <!--
 
 #content {
 width: 100px;
 height: 100%;
 background:#000000;
 color:#FFFFFF;
 }
 -->
 </style>
 </head>

 <body>
 <div id="content">
 Dies ist ein zentrierter Inhalt!</div>
 </body>

</html>
     
  3. 11. Dezember 2007
    AW: + [CSS] Height=100%

    weil das nicht funktioniert?
    die angabe height funktioniert nur dann mit %, wenn es einen übergeordneten container gibt, der eine feste größe hat
    ich hab mal gehört, dass das hier geht:
    Code:
    html, body { height: 100%; }
    kannse ja mal testen, hab grade selber keine lust dazu
     
  4. 11. Dezember 2007
    AW: + [CSS] Height=100%

    ne geht auch ned (zumindest ned in allen browsern), das kannst imo nur richtig mit javascript lösen.
     
  5. 11. Dezember 2007
    AW: + [CSS] Height=100%

    hmpf!
    aber eine Seite ohne genügend Inhalt, der genug Höhe verleiht,
    kann doch auch von ganz oben bis nach unten gestreckt werden?
    weil absolute height angabe is ja doof, da jeder andere auflösung hat...

    bei tabellen funzt das doch auch!
    EIgentlich komm ich damit auch ganz gut zurecht, nur grad steh ich aufm schlauch ^^

    und mitm footer hab ich noch mehr probleme, ohne in absolut zu machen..
     
  6. 11. Dezember 2007
    AW: + [CSS] Height=100%

    Genau, so sollte es funktionieren! Zumindest im FF und IE...
     
  7. 11. Dezember 2007
    AW: + [CSS] Height=100%

    Also wieso nutzt du nicht Google für dein Problem, es gibt tausende Abhandlungen davon und selbst im RR gibt es genug solcher Threads, jedes mal das selbe Ergebnis!?

    Es geht in der aktuellen CSS - Landschaft nur mit Hacks weswegen man auch zu einer JavaScript-Lösung greifen kann, die aber auch arg zwischen Browsern unterscheiden muss.
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.