Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 21

Thema: Footer in IE6

  1. #1
    Gast
    Gast

    Standard 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?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Hättest du die Freundlichkeit deinen Code zu posten, damit man ihn sich ansehen und den Fehler finden kann?

  3. #3
    Gast
    Gast

    Standard

    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.

  4. #4
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Der zugehörige HTML Code würde uns sehr viel weiter bringen =)

  5. #5
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    vielleicht auch nen link zu der seite ? wennst dabei bist *G*
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  6. #6
    Gast
    Gast

    Standard

    <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">
    [*][img]../../bilder/blank.gif[/img]
    [*]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">[img]../../bilder/blank.gif[/img]</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<<<<

  7. #7
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard

    irgendwie fehlt der head und oben <html>

  8. #8
    Gast

    Standard

    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.

  9. #9
    Fortgeschrittene/r
    Registriert seit
    14.12.2006
    Ort
    Fayetteville, Arkansas
    Beiträge
    191
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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 --

  10. #10
    Gast

    Standard

    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]

Ähnliche Themen

  1. Template - Footer bei Startseite anders
    Von Darkanos im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 12
    Letzter Beitrag: 03.07.2007, 18:20
  2. Footer in style.css?
    Von Andreas84 im Forum HTML & CSS Forum
    Antworten: 19
    Letzter Beitrag: 20.05.2007, 10:30
  3. Wiki-Footer bearbeiten
    Von Peterle im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 16.05.2007, 02:44
  4. 2 spalten mit float & footer
    Von phore im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.03.2006, 17:04
  5. header und footer bei html
    Von im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 31.01.2005, 20:18

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •