Der Martin: Css akzeptiert kein % o.O

Beitrag lesen

Hi,

ich habe früher eine HP erstellt, wo ich die Höhen angabe mit % bemacht habe.
Nun wollte ich mir eine neue HP machen und er akzeptiert plötzlich keine % angabe mehr.

und wer ist "er"?

<body>
<div class="nocontent">Nocontent</div>
<div class="header">Header</div>
<div class="navigation">Navigation</div>
<div class="content">Content</div>
<div class="footer">Footer</div>
</body>

.nocontent

{
    height: 5%;
    text-align: center;
}
[...]
.footer
{
    height: 5%;
    text-align: center;
}

  
Worauf sollen sich denn die 5% beziehen? Anders gefragt: 5% wovon?  
Prozentuale Höhenangaben beziehen sich immer auf die Höhe des Elternelements. Für dieses hast du aber keine Höhe angegeben; es hat somit den Defaultwert height: auto und ist damit gerade so hoch, wie sein Inhalt es erfordert.  
  

> Wenn ich dies nun auf meinen Server lade, dann zeigt er alles direkt untereinander an, anstatt die Elementhöhe mit zu berechnen.  
  
Wer "er"? Der Server? Nein, der Browser. Und recht hat er.  
  

> Wie behebe ich das Problem?  
  
Indem du allen(!) Vorfahrenelementen ebenfalls eine definierte Höhe gibst.  
  

> Dies ist genau der selbe Code wie auf meiner alten Homepage, aber nun funktioniert es irgendwie nichtmehr o.O  
  
Lief die vielleicht im Quirks Mode, lässt den Browser also raten, was der Autor gemeint haben könnte?  
  
So long,  
 Martin  

-- 
Die Natur ist gnädig: Wer viel verspricht, dem schenkt sie zum Ausgleich ein schlechtes Gedächtnis.  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(