Einzelnen Beitrag anzeigen

Bernerbaer
(Gast)

n/a Beiträge
 
#9

AW: [CSS + HTML] Header, Footer und Mittelteil

  Alt 14. Dez 2010, 14:29
sieht ähnlich aus, aber empfehlenswert ist das nicht!
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Test</title>
<style type="text/css" media="screen">
html, body { 
   background-color: #333333;
   margin: 0;
   padding: 0;
   height: 100%;
   } 


#wrapper {
   background-color: #FFFFFF;
   width: 80%;
   margin: auto;
   min-height: 100%;
   height:auto !important;
   height:100%;
   overflow: hidden !important;
}

#headerzeile {
   min-height:120px;
   height:auto !important;
   height:120px;
   background:lime;
   overflow: hidden !important;
}

#content {

       
        overflow:hidden !important;
       
}

#fusszeile {
   background:lime;
   width: 80%;
   position:absolute;
   bottom:0;
   border-top: 20px solid #333333; }
   
   
.trenner {
   height:20px;
   background: #333333;
   width:100%;
   
   }
}

</style>

</head>

<body>
<div id="wrapper">
   <div id="headerzeile">Kopfzeile</div>
   <div class="trenner"></div>
   <div id="content">Inhalt</div>
   <div id="fusszeile">Fusszeile</div>
</div>

</body>

</html>
  Mit Zitat antworten Zitat