✔ Ärger mit dem Footer

[Arndtinho]

Hallo,

ich habe Ärger mit dem "Footer-Container" in einem Layout. Im Firefox wird alles ordentlich dargestellt, nur der IE macht mal wieder Probleme.
Hier ist mein CSS-Code:

#container {
   margin-right:        auto;
   margin-left:         auto;
   width:               950px;
   height:              741px;
}

#top {
   margin-top:          0;
   height:              100px;
   width:               950px;        
}

#left {
   float:               left; 
   margin-left:         0;
   margin-top:          0;
   width:               150px;
   height:              541px;
   line-height:         15px;
   background-color:    #233C4C;
}

#content {
   float:               right;
   margin-top:          0;
   height:              541px;
   width:               800px;
   line-height:         15px;
   background:          url( ../img/background.jpg );
}

#footer {
   position:   absolute;
   margin-top:                 541px;
   width:               950px;
   height:              100px;
   line-height:         15px;
   background-color:    #233C4C; 
}

Und so sieht der HTML-Code dazu aus:

<div id="container">
      
      <div id="top"></div>
      <div id="left"></div>
      
      <div id="content">
         <?= $content_for_layout; ?>  
      </div>
      
      <div id="footer"></div>
      
   </div>

Weis jemand Rat, wieso der IE den Footer nicht anzeigt?

Gruß,
Arndtinho

 

[ronaldo84]

Das liegt glaube ich daran weil dein Footer eine absolute Position hat und dein Top und Left Div nicht.

 

[Maik]

Hi,

versuch es mal hiermit:

#footer {
   /*position:   absolute;*/ /* auskommentiert = deaktiviert */
   margin-top:                 541px !important; /* Für moderne Browser */
   margin-top: 0; /* Für IE */
   width:               950px;
   height:              100px;
   line-height:         15px;
   background-color:    #233C4C;
}

 

[Arndtinho]

Danke.

@michaelsinterface: funktioniert.

Warum können die sich nicht mal einigen und einen "Einheitsbrowser" rausbringen...

Gruß,
Arndtinho