Footer in IE6

    Ich habe da ein Problem auf einer Webseite. In den meisten Browsern (Opera, Safari, FF etc.) läuft es wie es soll, aber der IE6 zickt etwas rum.
    Vieles haben wir entsprechend umstellen können, aber mit dem Footer halten sich die Probleme:

    ............. = sichtbarer Bereich

    so soll es aussehen

    ...........
    :Inhalt :
    :Inhalt :
    :Inhalt :
    :Footer:
    ::::::::::
    Inhalt
    Inhalt

    und dann beim scrollen

    Inhalt
    ...........
    :Inhalt :
    :Inhalt :
    :Inhalt :
    :Footer:
    ::::::::::
    Inhalt


    aber im IE 6 hängt der Footer an seiner Position fest:

    Inhalt
    ...........
    :Inhalt :
    :Inhalt :
    :Footer:
    :Inhalt:
    ::::::::::
    Inhalt

    und zerteilt den Inhalt, weil er einfach drüber und mitten drin liegt.
    Die Webseiten struktur ist in einer CSS Dataei vorgegeben die eben die Unterschiedlichen Leisten regelt.
    Es gibt noch eine Leiste links und eine oben. Mit denen gibt es aber kein Problem (die sollen eben auch festsitzen).

    Kennt jemand das Problem und gibts es da eine (Standart-)Möglichkeit das zu beheben?

    Mit dem größten Vergnügen und in der Hoffnung von den Zig Seiten die richtigen Teile erwischt zu haben:


    body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-repeat: no-repeat;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #3e3d40;
    background-color: #FFFFFF;
    }
    a:link {
    color:black;
    text-decoration:none;
    font-weight:bold;
    }
    a:visited {
    color:black;
    text-decoration:none;
    font-weight:bold;
    }
    a:hover {
    color:ccc;
    text-decoration:none;
    font-weight:bold;
    }
    a.images img {border: 0;}
    /*Beginn allg. Formatierung Ende*/

    /* ######################################################################################################
    ** ### Formatierung allg. Layout ##################################################################
    ** ######################################################################################################
    */

    #balken_unten {
    /* clear:both;
    width: 100%;
    bottom: 0px;
    height: 22px;
    left:0%;
    position: absolute;
    overflow:hidden;
    background-image: url(../bilder/balken_unten.jpg); */
    position:fixed;
    height: 36px;
    background-image: url(../bilder/balken_unten.jpg);
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    z-index:30;
    }
    /*komplette Navigation links */
    #hauptnavi_links {
    z-index:1;
    }


    /*naviunten*/
    #menuunten{
    position: fixed;
    bottom:19px;
    left:168px;
    font:10px verdana, arial, georgia, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    text-align: left;
    z-index:42;
    vertical-align: 5px;
    clip: 5;
    font-style: normal;
    font-weight: bold;
    }

    #menuunten ul, #menuunten li{

    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;

    }
    #menuunten li a, #menuunten li a:hover, #menuunten li a:active {
    display: inline;
    text-decoration: none;
    color: #000;
    background-color : transparent;
    margin: 1px 1px 1px 1px;
    padding: 2px 8px 2px 6px;

    text-align: center;
    font-weight: normal;
    }
    #menuunten li a:hover, #menuunten li a:active {
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    }
    #menuunten li#active {
    background-color: pink;
    border-top: solid 1px #888;
    border-right: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 1px #888;
    }
    /*naviunten ende*/


    Und nochmal was zum Content

    /*Startseite und contenbereich*/

    #content_start {
    width: 775px;
    position: relative;
    left: 16%;
    top: 100px;
    height: 100%;
    font-size: 11px;
    color: #000000;
    font: verdana;
    margin-left: 0px;
    padding: 5px 19px 10px 10px;
    overflow: auto;
    }

    #content {
    width: 700px;
    position: relative;
    left: 148px;
    top: 100px;
    height: 100%;
    font-size: 12px;
    color: #000000;
    margin-left: 0px;
    padding: 5px 19px 10px 10px;
    overflow: visible;
    font-family: verdana;
    }

    #content1 {
    width: 775px;
    position: relative;
    left: 148px;
    top: 100px;
    height: 100%%;
    font-size: 12px;
    color: #000000;
    margin-left: 0px;
    padding: 5px 19px 10px 10px;
    overflow: visible;
    font-family: verdana;
    }


    Jo vielen Dank im Voraus schon allein fürs lesen; ich bin leider kein wirklich Fachkundiger. Wenn ihr nochwas braucht, z.b. Teile einer Seite, einfach sagen, was es ist.

    <body>
    <div class="Stil30" id="hauptnavi_links">
    <div id="navigationhaupt">
    <ul>
    [*]Link1
    [*]Link2
    [*]Link3
    [*]Link4
    [/list]
    </div>
    </div>

    >>>>>drüber ist der Balken oben mit ein paar buttons. Es folgt dann ein Teil zum Balken links<<<<<<<<

    <div id="balken_linksfooter_Link3"></div>
    <div id="balken_links"></div>
    <div id="balken_unten"></div>
    <div id="balken_obgrue" class="Stil30">
    <div id="menutop">
    [*]
    [*]Home
    [*]Seite1
    [*]Seite2
    [*]Link3
    </div>

    </div>
    <div id="balken_top"></div>
    <div id="content">

    >>>hier steht dann viel Inhalt, alles in table formatiert, durchsetzt mit Bildern<<<



    <tr>
    <td colspan="2" align="left" valign="top"></td>
    </tr>
    </table>

    >>> das sollte die letzte Leerzeile gewesen sein<<<<<

    <span>
    <map name="Map">
    <area shape="rect" coords="-4,-2,96,25" href="index.htm" alt="Index">
    </map>

    </span>
    </tr>


    </div>
    <table width="187" cellpadding="3"><tr><td width="173"><div id="menuunten1"><span>
    </span><ul id="menuunten">
    [*]//Sub1//
    [*]//Sub2//
    [/list]
    <span></span></div>
    <div id="dwzif_unten"><span>Text unten</span></div>
    </td>
    </tr></table>
    </tr></table>
    </body>
    </html>


    So die Gesamtheit sollte eine Headline, ein Seitenbalken links dann der content und unten der Footer sein.

    So nochmals danke, hoffe man steigt durch. Ich habe neben den Originalcomments noch >>>>einige so reingesetzt<<<<

    Nun da steht ja nicht viel außer name und diesem Teil hier.
    ist auch noch nen kleiner Skript drinne.

    <html xmlns="http://www.w3.org/1999/xhtml">

    <style type="text/css" media="all">
    @import url(../../css/main.css);
    .Stil29 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    }
    .Stil30 {font-weight: bold}
    .Stil31 {color: #7d7d7d; font-size: 18px;}
    .Stil32 {font-size: 14px}
    .Stil34 {font-size: 14px; color: #FFFFFF; }
    .Stil35 {font-weight: bold; color: #FFFFFF; font-size: 14px;}
    </style>

    <head>

    <<<<< Name Suche etc.>>>>>>>

    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }

    function MM_openBrWindow(theURL,winName,features) { //v2.0
    window.open(theURL,winName,features);
    }
    //-->
    </script>
    </head>

    Sonst ist im Head nix drin.
    der obere Teil funktioniert auch wie er sollte.

    Ich versteh iwie das Problem nicht... haste ne URL wo ich sehen kann was das Problem ist?

    "Progress is not made by ambitious early risers, progress is made by lazy people looking for an easier way to do things."
    -- I'm not sure who said it, but he/she is my hero --

    Nein sry.

    Kann es nur nochmal versuchen zu erklären:

    ................................................................................................................
    : :
    : DIES IST DER BALKEN OBEN: LINK1 LINK2 LINK3 :
    : :
    : DIES :
    : IST DIES IST DER CONTENT :
    : DIE RECHT GUT GEFÜLLT :
    : LEISTE MIT SOVIEL INHALT :
    : LINKS: DAS ER NICHT AUF EINE :
    : SEITE1 SEITE PASST :
    : SEITE2 OHNE DASS :
    : SEITE3 DER NUTZER :
    : AUCH EINMAL :
    : DIES IST DER FOOTER: SUB 1 SUB2 :
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    scrollen muss
    um alles
    lesen zu können


    Also die Punkte sind die Grenzen des sichtbaren Bereiches. Der User sieht also nur die FETTGESCHRIEBENEN ZEILEN und muss nun scrollen um die letzten 3 lesen zu können.
    Der Footer soll aber immer die Seite abschließen, das heißt wenn man runterscrollt, müsste der Footer unter dem Text "lesen zu können stehen". Was aber im IE6 passiert ist, dass die Auswahl wie folgt aussieht:



    dies ist der Balken oben: link1 link2 link3

    ................................................................................................................
    : DIES :
    : IST DIES IST DER CONTENT :
    : DIE RECHT GUT GEFÜLLT :
    : LEISTE MIT SOVIEL INHALT :
    : LINKS: DAS ER NICHT AUF EINE :
    : SEITE1 SEITE PASST :
    : SEITE2 OHNE DASS :
    : SEITE3 DER NUTZER :
    : AUCH EINMAL :
    : DIES IST DER FOOTER: SUB 1 SUB2 :
    : SCROLLEN MUSS :
    : UM ALLES :
    : LESEN ZU KÖNNEN :
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    [IE6]

    Wieder alles was GROß GESCHRIEBEN IST sieht der User, die Punkte markieren den Rahmen des sichtbaren Bereiches.
    Und der Footer sitzt wie dargestellt mitten im CONTENT Bereich.Er gehört aber nach unten, unter die letzten Zeilen des Textes (wo er in anderen Browsern auch sitzt).

    So dass es so aussehen müsste:

    dies ist der Balken oben: link1 link2 link3

    ................................................................................................................
    : DIES :
    : IST DIES IST DER CONTENT :
    : DIE RECHT GUT GEFÜLLT :
    : LEISTE MIT SOVIEL INHALT :
    : LINKS: DAS ER NICHT AUF EINE :
    : SEITE1 SEITE PASST :
    : SEITE2 OHNE DASS :
    : SEITE3 DER NUTZER :
    : AUCH EINMAL :
    : SCROLLEN MUSS :
    : UM ALLES :
    : LESEN ZU KÖNNEN :
    : DIES IST DER FOOTER: SUB 1 SUB2 :
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    [Andere]

    Die ganzen Leerzeichen löscht er ja leider raus in der Darstellung.
    Normalerweise würden die Doppelpunkte hinter den Zeilen eine Linie rechts bilden, die da beginnt, wo die Punkt Linie oben endet und aufhört wo die Doppelpunkt Linie unten endet. Also wäre ein Rechteck aus Punkten als Rahmen zu sehen.
    So etwa:
    ..............
    :xxxxxxx:
    :xxxxxxx:
    :xxxxxxx:
    :xxxxxxx:
    ::::::::::::

    hoffe aber ihr erkennt den sichtbaren Bereich auch so.

    versteh ehrlich gesagt immernoch nich ganz, was du uns damit sagen willst. versuch das doch einfach mal hochzuladen, sodass mans sich angucken kann. dann kann man dir sehr viel besser helfen

    Na ok, sehe das erkennt man garnicht.
    Also statt Leerzeichen Xse:


    Nein sry.

    Kann es nur nochmal versuchen zu erklären:

    ................................................................................................................
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xDIES IST DER BALKEN OBEN: LINK1 LINK2 LINK3xxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xDIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xISTxxxxxxxxxxxxxxxxDIES IST DER CONTENTxxxxxxxxxxxxxxxxxxxxxxx:
    :xDIExxxxxxxxxxxxxxxxxxRECHT GUT GEFÜLLTxxxxxxxxxxxxxxxxxxxxxxxx:
    :xLEISTExxxxxxxxxxxxxxxMIT SOVIEL INHALTxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xLINKS:xxxxxxxxxxxxxxxxDAS ER NICHT AUF EINExxxxxxxxxxxxxxxxxxxx:
    :xSEITE1xxxxxxxxxxxxxxxxxSEITE PASSTxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xSEITE2xxxxxxxxxxxxxxxxxxOHNE DASSxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xSEITE3xxxxxxxxxxxxxxxxxxxxxxxxxDER NUTZERxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxx AUCH EINMALxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xDIES IST DER FOOTER:xxxxxSUB 1xxxxxxxxSUB2xxxxxxxxxxxxxxxxxxxxx:
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxscrollen mussxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxum allesxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxlesen zu könnenxxxxxxxxxxxxxxxxxxx


    Also die Punkte sind die Grenzen des sichtbaren Bereiches. Der User sieht also nur die FETTGESCHRIEBENEN ZEILEN und muss nun scrollen um die letzten 3 lesen zu können.
    Der Footer soll aber immer die Seite abschließen, das heißt wenn man runterscrollt, müsste der Footer unter dem Text "lesen zu können stehen". Was aber im IE6 passiert ist, dass die Auswahl wie folgt aussieht:



    dies ist der Balken oben: link1 link2 link3

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxdies ist der balken oben: link1 link2 link3xxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    ................................................................................................................
    :xDIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xISTxxxxxxxxxxxxxxxxxxxxxxxxDIES IST DER CONTENTxxxxxxxxxxxxxxx:
    :xDIExxxxxxxxxxxxxxxxxxRECHT GUT GEFÜLLTxxxxxxxxxxxxxxxxxxxxxxxx:
    :xLEISTExxxxxxxxxxxxxxxMIT SOVIEL INHALTxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xLINKS:xxxxxxxxxxxxxxxxDAS ER NICHT AUF EINExxxxxxxxxxxxxxxxxxxx:
    :xSEITE1xxxxxxxxxxxxxxxxxSEITE PASSTxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xSEITE2xxxxxxxxxxxxxxxxxxOHNE DASSxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xSEITE3xxxxxxxxxxxxxxxxxxxxxxxxxDER NUTZERxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxx AUCH EINMALxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xDIES IST DER FOOTER:xxxxxSUB 1xxxxxxxxSUB2xxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxSCROLLEN MUSSxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxUM ALLESxxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxLESEN ZU KÖNNENxxxxxxxxxxxxxxx:
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

    [IE6]

    Wieder alles was GROß GESCHRIEBEN IST sieht der User, die Punkte markieren den Rahmen des sichtbaren Bereiches.
    Und der Footer sitzt wie dargestellt mitten im CONTENT Bereich.Er gehört aber nach unten, unter die letzten Zeilen des Textes (wo er in anderen Browsern auch sitzt).

    So dass es so aussehen müsste:

    dies ist der Balken oben: link1 link2 link3

    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxdies ist der balken oben: link1 link2 link3xxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    ................................................................................................................
    :xDIESxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xISTxxxxxxxxxxxxxxxxxxxxxxxxDIES IST DER CONTENTxxxxxxxxxxxxxxx:
    :xDIExxxxxxxxxxxxxxxxxxRECHT GUT GEFÜLLTxxxxxxxxxxxxxxxxxxxxxxxx:
    :xLEISTExxxxxxxxxxxxxxxMIT SOVIEL INHALTxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xLINKS:xxxxxxxxxxxxxxxxDAS ER NICHT AUF EINExxxxxxxxxxxxxxxxxxxx:
    :xSEITE1xxxxxxxxxxxxxxxxxSEITE PASSTxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xSEITE2xxxxxxxxxxxxxxxxxxOHNE DASSxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xSEITE3xxxxxxxxxxxxxxxxxxxxxxxxxDER NUTZERxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxx AUCH EINMALxxxxxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxSCROLLEN MUSSxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxUM ALLESxxxxxxxxxxxxxxxxxxxxxx:
    :xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxLESEN ZU KÖNNENxxxxxxxxxxxxxxx:
    :xDIES IST DER FOOTER:xxxxxSUB 1xxxxxxxxSUB2xxxxxxxxxxxxxxxxxxxxx:
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    [Andere]


    So hoffe nun sieht man das besser.

    also willst du jetzt wissen, warum der footer da in der mitte sitzt!? wo ist das problem, dass du die seite einfach einmal hochlädst? musst du ja schon gemacht haben, um die in mehreren browsern angeguckt zu haben

    Mit erstem hast du recht. Mit zweitem nicht.
    Habe hier kein FTP-Programm und auch keinen Server.
    Ist auch nicht meine Seite.

    Nun warum liest wer den Quelltext hier und schaut drüber, wenn es nicht seine Seite ist? :wink:

    Möchte ich hoffen :D .

    Also irgendjemand der von so einem Problem wenigstens schonmal gehört hat?
    Oder sich was vorstellen könnt, woran es liegt?

    es is echt einfacher, wenn mans richtig sieht. wenn du wissen willst woran es liegt, solltest du dir wenigstens die mühe machen und das online stellen. bin mir sicher das man dir dann leichter helfen kann