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