Frank: 2 x div fixed, 1x div vertikal zentriert

Beitrag lesen

SELF-Forum

2 x div fixed, 1x div vertikal zentriert

Frank
– Informationen zu den Bewertungsregeln

Hallo Primus Enginus,

erstmal vielen vielen Dank für den Link. Damit habe ich es jetzt fast hinbekommen. Nur ein Problem habe ich noch wenn der Inhalt gescrollt werden muss. Im FF funktioniert alles einwandfrei, nur der IE (wer sonst) weigert sich.

Wenn Du jetzt dafür auch noch eine Lösung hast ist mein Tag, ach was rede ich - die ganze Woche, gerettet.

Viele Grüße
Frank

hier der 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 http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>2 x fixed, 1 x middle</title>  
<style type="text/css">  
<!--  
body, html {  
 height:100%;  
}  
body {  
 margin:0;  
 padding:0;  
}  
body, td, th {  
 font-family: Arial, Helvetica, sans-serif;  
}  
#wrapper {  
 display: table;  
 height: 100%;  
 #position: relative;  
 overflow: hidden;  
 background-color:#0066FF;  
 width: 900px;  
 z-index: 50;  
}  
#container {  
 #position: absolute;  
 #top: 50%;  
 display: table-cell;  
 vertical-align: middle;  
}  
#inner {  
 #position: relative;  
 #top: -50%;  
 background-color:#6699FF;  
 width: 900px;  
 margin: 100px 0 50px 0px;  
}  
#header {  
 position: fixed;  
 width: 900px;  
 top: 0px;  
 height: 100px;  
 background-color: #00CC99;  
 z-index: 100;  
}  
#footer {  
 position: fixed;  
 width: 900px;  
 bottom: 0px;  
 height: 50px;  
 background-color: #33CC99;  
 z-index: 100;  
}  
-->  
</style>  
</head>  
<body>  
<div id="header">header</div>  
<div id="wrapper">  
 <div id="container">  
  <div id="inner"> start<br />  
   hier gaaaaaanz viiiieeeeel Text einfügen<br />  
   Ende </div>  
 </div>  
</div>  
<div id="footer">footer</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln