heigt:auto bei postion:absolute

[sub_hero92]

die div #content erhöht sich bei zu viel content zwar aber der footer verschiebt sich nicht nach unten hin. weiß jemand warum?

hier das original

#content {
  width:560px;
  position:absolute;
  right:5px;
  top:-105px;
  height:auto !important;
  padding:0 15px 0 55px;
  background:url(../images/contentBg.jpg) no-repeat -19px 66px;
}
#footerOuter {
  width:100%;
  height:88px;
  float:left;
  margin:20px 0 0 0;
  background:url(../images/footerBg.jpg) repeat-x top center;
}

#footer {
  position:relative;
  width:980px;
  height:88px;
  margin:0 auto;
}

<div id="content-container">
 <div id="content"><!-- InstanceBeginEditable name="content" -->
    <!-- InstanceEndEditable --> </div>
</div>
<!-- end of contentContainer -->
<div id="footerOuter">
  <div id="footer">

 

[Dressing]

AW: heigt:auto bei postion:absolute

Müsste die Positionierung nicht über den "footerOuter" passieren? "footer" positioniert sich doch eigentlich relativ zum "footerOuter".

 

[sub_hero92]

AW: heigt:auto bei postion:absolute

du meinst das hier:
#footer {
position:relative;
}

Das ist, weil es im "footer" noch 'absolute' positionierte Elemente gibt.

 

[sub_hero92]

AW: heigt:auto bei postion:absolute

hab das ganze jetzt mal auf floats umgeschrieben jetzt funktionierts *puh* nur noch den IE6 bearbeiten.

Danke @