Footer in IE6

Gast

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?

DarkSyranus

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

Gast

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.

DarkSyranus

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

driver

vielleicht auch nen link zu der seite ? wennst dabei bist *G*

Gast

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

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

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

Dominikgt

irgendwie fehlt der head und oben <html>

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

<head>

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

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.

Baum

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

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.

Dominikgt

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.

Dominikgt

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.

Dominikgt

ftp-prog is kein problem. kannst du dir erstens überall runterladen oder du gibts einfach ftp://www.blablabla.de ein. webspace nimmst du welchen von http://www.funpic.de . wieso kümmerst du dich darum, wenns nich deine seite is?

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

Dominikgt

um zu helfen!?

Möchte ich hoffen .

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

Dominikgt

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

Tags