Antipitch: Absolute Positionierung an Eltern-DIV

Beitrag lesen

N'abend Hans,

bißchen busy, sorry. Biste was weiter gekommen? Sonst guck dir mal den beigefügten Code an (nicht auf Mac getestet). Bei Fragen fragen...

Gruß
Antipitch

* {
margin:0;
padding:0;
border: 0 none;
}
html, body {
height:100%;
}
body {
width:999px;
margin:0 auto 0 auto;
}
#header {
width: 999px;
height: 100px;
position:absolute;
top:0;
z-index:10;
background-color: green;
}
#container {
width: 999px;
height: 100%;
float:left
overflow: visible;
background-color: brown;
}
#content {
margin-right:-217px;
border-right: 217px solid red;
width: 782px;
min-height: 100%;
float:left;
background-color: brown;
}
* html #content {  /* IE Hack for 100% height */
height: 100%;
}
#right {
width:217px;
float:left;
background-color: red;
}

#logo {
margin-top: -50px;
width: 999px;
height:22px;
float:right;
text-align:right;
}

<div id="header">Inhalt header</div>
<div id="container">
  <div id="content">
    <div style="padding-top:100px;height:150px;">inhalt links</div>
  </div>
  <div id="right">
    <div style="padding-top:100px;height:150px">inhalt rechts</div>
  </div>
  <div id="logo">logo</div>
</div>