[HTML] + [CSS] Height=100%

Mr.Clear · 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>

Anzeige

Schmitz · 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

Murdoc · 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.

Mr.Clear · 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..

RobertoBlanko · 11. Dezember 2007

AW: + [CSS] Height=100%

Genau, so sollte es funktionieren! Zumindest im FF und IE...

MakenX · 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.

Nützliche Suchen

[HTML] + [CSS] Height=100%

Videos zum Themenbereich