---
title: "Footer Probleme im IE"
url: "https://www.typo3.net/d/94423-footer-probleme-im-ie"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2009-11-13"
last_reply: "2009-11-13"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Footer Probleme im IE

Frontend › Styling · 1 Antwort · gestartet 2009-11-13

## Eröffnungsbeitrag

**vampire_3** · 2009-11-13 · [Beitrag #1](https://www.typo3.net/d/94423-footer-probleme-im-ie/1)

Hallo zusammen,

ich habe ein kleines Problem:

Seit kurzem ist die von mir erstellte Seite
<http://www.kinderhilfe-mogilev.org>
online.

Leider funktioniert der Footer im Internet Explorer nicht so, wie er soll.
Steht er auf der "Startseite" noch da, wo er stehen soll (am Ende der Seite), steht er bspw. auf der Seite "Links" mitten auf der Seite.
Ich nehme mal, dass der IE die mit CSS erstellten Container "content" und "right" (rechte Spalte) als leer identifiziert, und den Footer deshalb nicht nach ganz unten stellt.

Der Firefox zeigt die Seiten alle korrekt an.

Hier der relevante Ausschnitt der CSS-Datei; wenn ihr mehr benötigt, lasst es mich wissen:

```typoscript
html,body {
         margin:0;
         padding:0;
         border:0;
         }
body     {
         background: url(../fileadmin/images/hintergrund.png) repeat-y left top;
         width:1024px;
         height:100%;
         }
#container {
         width:1024px;
         min-height:100%;
         }
#header  {
         float:left;
         width:1024px;
         }
#subheader_oben {
         left:0px;
         top:0px;
         width:1024px;
         height:60px;
         background-color:#3E5670;
         }
#WAPPEN  {
         float:left;
         width:200px;
         }
#VEREIN  {
         float:left;
         width:620px;
         }
#MENU_KLEIN {
         float:left;
         width:200px;
         padding-top:40px;
         }
#TRAILER {
         width:1024px;
         height:125px;
         }
#MENU_GROSS {
         width:1024px;
         height:24px;
         background-color:#3E5670;
         }
#subheader_unten {
         width:1024px;
         height:30px;
         }
#SEITENTITEL {
         float:left;
         width:639px;
         background:#FFFFFF;
         margin-left:20px;
         display:inline;
         }
*html #SEITENTITEL {
         margin-top:10px;
         }
#DRUCKVERSION {
         float:left;
         width:25px;
         background:#FFFFFF;
         }
#right   {
         float:right;
         width:300px;
         padding-left:20px;
         padding-right:20px;
         }
*html #right {
         width:315px;
         margin-right:-724px;
         }
#content {
         float:left;
         width:644px;
         margin-left:20px;
         margin-right:20px;
         display:inline;
         }
#footer  {
         width:1024px;
         height:20px;
         background-color:#3E5670;
         margin-top:-20px;
         }
*html #footer {
         margin-top:0px;
         }
.clear:after {
         content:".";
         display:block;
         height:0;
         font-size:0;
         clear:both;
         visibility:hidden;
         }
.clear   {
         min-height:1px;
         clear:both;
         }
*html .clear {
         height:1px;
         clear:both;
         }
```

Und hier ein Ausschnitt meiner html-Vorlage:

```html
<div id="container">
    <div id="header">
      <div id="subheader_oben">
        <div id="WAPPEN">###WAPPEN###</div>
        <div id="VEREIN">###VEREIN###</div>
        <div id="MENU_KLEIN">###MENU_KLEIN###</div>
      </div>
      <div id="TRAILER">###TRAILER###</div>
      <div id="MENU_GROSS">###MENU_GROSS###</div>
      <div id="subheader_unten">
        <div id="SEITENTITEL">###SEITENTITEL###</div>
        <div id="DRUCKVERSION">###DRUCKVERSION###</div>
      </div>
    </div>
    <div id="content">
       ###INHALT###
    </div>
    <div id="right">
       ###RECHTS###
    </div>
    <div class="clear"> </div>
  </div>
  <div id="footer">
     <div class="footer">###FOOTER###</div>
  </div>
```

Vielen Dank für eure Hilfe

## Antworten

### [#2](https://www.typo3.net/d/94423-footer-probleme-im-ie/2) · vampire_3 · 2009-11-13

Problem selber gelöst.

Ich habe den div-Container #container für den IE folgendermaßen definiert:

```typoscript
*html #container {
    width:1024px;
    height:100%;
    }
```

Und schwuppdiwupp, Kartoffelsupp, es funktioniert.

---

Quelle: „Footer Probleme im IE“, typo3.net, https://www.typo3.net/d/94423-footer-probleme-im-ie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.