vaudi: 100% Höhe & Body mit background-position:bottom

Beitrag lesen

Hallöchen,

hab ne gute und ne schlechte Nachricht.

Die Schlechte zuerst: an einer fast identischen Aufgabenstellung (Fußleiste bei kurzem Inhalt am unteren Viewportrand, bei langem Inhalt am Inhaltsende) bin ich mit CSS vor kurzem auch gescheitert.

Die Gute: Mit einer Tabelle geht es. Minimal-Code (border="1" hier nur, damit die Position deutlich wird):

  
<body>  
<div align="center">  
  <table height="100%" width="800" border="1" cellpadding="0" cellspacing="0">  
   <tr>  
    <td height="100">Kopfbereich</td>  
  </tr>  
  <tr>  
    <td>Inhalt</td>  
  </tr>  
  <tr>  
    <td height="50">Fußleiste</td>  
  </tr>  
  </table>  
</div>  
</body>  

Kopier mal deinen Test-Text rein und probier aus. Funktioniert mit FF und IE.

Zugegeben eher eine Notlösung und ohne CSS, aber funktioniert. Ob für dich wirklich brauchbar hängt von der konkreten Aufgabenstellung ab.

MfG
vaudi