Daniel.: Footer klemmt im IE

Hallo lioebe Forum-Gemeinde,

ich habe in einem "main"-container einen Footer (einfache rote Leiste zu Layoutzwecken):

<div id="container">

...Inhalt

<hr id="footer"/>
</div>  <!-- Ende Container -->

Im CSS:

  
#footer {  
  position:absolute;  
  left:0px; bottom:20px;  
  border: 0 none;  
  width: 100%;  
  height: 15px;  
  background-color: rgb(218,37,28);  
  
}  
  

  1. Das kommt davon, wenn man die Code-Tags testet und den Haken "Vorschau beim 2. mal nicht setzt :-)

    Das Problem: Im Firefox sieht es so aus, wie es soll (Roter Balken horizontal 20px über dem unterem Rand des Containers), aber im IE klebt das Ding direkt auf dem Rahmen des Containers.
    Hat jemand eine Idee?

    1. Hallo,

      hast Du dem Container ein "position: relativ" verpasst? Sonst bezieht sich die hr-Position auf den body.

      Grüße Basti

      1. Ja, habe ich. Wie gesagt, im FF siehts prima aus

        1. Hallo,

          welche IE-Version? Habe das ganze mal nachgebaut - im IE7 ist es korrekt.

          Grüße Basti

          1. welche IE-Version?

            Hmm, ist IE 6 wo es nicht geht. Bekomme ich die Version 7 ohen Probleme parallel zr 6 installiert? :-/

            1. Hallo,

              »»Bekomme ich die Version 7 ohen »»Probleme parallel zr 6 installiert?

              Das weiss ich leider nicht - ich arbeite zum Testen anderer OS und Browser mit VMWare. Diese habe ich gerade mal angeschmissen und im IE 6 getestet - da funzt es auch - poste doch mal etwas Code.

              Grüße Basti

            2. Nein.

              Aber: http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe

              Viel Spaß damit!

              1. Nein.

                Aber: http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe

                Viel Spaß damit!

                Coole Sache und es sieht in der gerade inst. 7er Version gut aus! Aber leider hilft es mir mit dem Balken < IE7 nicht weiter...