Beat: Text immer am unteren des Fensters, außer wenn ...

Beitrag lesen

SELF-Forum

Text immer am unteren des Fensters, außer wenn ...

Beat Homepage des Autors
– Informationen zu den Bewertungsregeln

Gibts da vielleicht eine Javascriptfreie Variante?

Das kommt darauf an, wie dein bisheriges CSS aussieht:
Folgendes Layout produziert einen Footer am unteren Viewport-Rand, sofern der Platz ausreicht.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
 "http://www.w3.org/TR/html4/strict.dtd">  
  
<html>  
<head>  
<title>Layout</title>  
<style type="text/css">  
html{height:100%; min-height:100%;}  
body{min-height:100%; margin:0; height:100%; background:green;}  
body > *{position:relative;}  
#header{ background:#ffe; height:50px; z-index:3; }  
#content{ background:#fee; min-height:100%;margin:-50px 0; z-index:2;}  
#content:before{display:block; height:50px; content: ' ';}  
#footer{background:#ffe; height:50px;  z-index:3;}  
</style>  
  
</head>  
<body>  
<div id="header">Hier steht der Headbereich</div>  
<div id="content"><h1>Inhaltsbereich</h1>  
   <p style="height:500px;background:red;">Textobjekt</p>  
</div>  
<div id="footer">Hier steht der Fussbereich</div>  
  
</body>  
</html>

mfg Beat

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o
Der Valigator leibt diese Fische
Beitrag melden
–
Informationen zu den Bewertungsregeln