bigstefan: *waaaaa* header footer content - prozentuale höhe

Beitrag lesen

SELF-Forum

*waaaaa* header footer content - prozentuale höhe

bigstefan
– Informationen zu den Bewertungsregeln

mmh.. das kriegt iE über min-height; nicht hin, aber es gibt ein recht einfaches workaround - google mal IE min-height.

IE 7 angeblich schon und ich bin ganz politisch unkorrekt und pfeif auf "alte browser"

ich habe es gerade mal versucht und bin jetzt nahe dran ganz laut in die tischplatte zu heißen...
in ff 3 ist unter dem footer viiiiel platz und was der ie 7 da draus macht, naja...

ich überlege gerade ernsthaft die ganze webseite als png oder flash aufzusetzen. bei dsl wären die ladezeiten doch recht annehmlich...

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>A</title>  
<style type="text/css">  
body {  
 margin-left: 0px;  
 margin-top: 0px;  
 margin-right: 0px;  
 margin-bottom: 0px;  
 height: 100%;  
    width: 100%;  
 background-color:#FFFFFF;  
}  
  
html  
{  
height: 100%;  
}  
  
  
/* DIV */  
  
#header  
{  
 position: absolute;  
 top: 0px;  
 left:0px;  
 width: 100%;  
   min-height:175px;  
 height:25%;  
 text-align: center;  
 background-color: #336699;  
 background-image:url(header_bg.png);  
 background-repeat:repeat-x;  
 background-position:bottom;  
}  
  
#footer  
{  
 position:absolute;  
 bottom: 0px;  
 left:0px;  
 width: 100%;  
   min-height:100px;  
 height:10%;  
 text-align: center;  
 background-color: #336699;  
}  
  
  
#content_container  
{  
 position:relative;  
 margin-top: 200px;  
 width: 600px;  
 left:50%;  
 margin-left:-300px;  
 text-align:center;  
 background: #FFFFFF;  
 padding-top: 5px;  
 padding-bottom: 5px;  
 overflow:auto;  
 min-height:425x;  
 height:65%;  
}  
  
</style>  
  
</head>  
  
<body>  
  
<div id="header">  
header  
</div><!--Ende header-->  
  
<div id="content_container"><span class="text1">  
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex</span>  
</div><!--Ende content-->  
  
  
<div id="footer">  
footer  
</div><!--Ende footer-->  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln