selle1
Erfahrenes Mitglied
Hallo zusammen,
habe folgende Seite, die im IE den Footer nicht richtig darstellt (Footer nicht am Anschluss zum content).
Im FF schließt der Footer nahtlos an, aber nicht im IE.
Bitte um Hilfe:
Danke im voraus.
habe folgende Seite, die im IE den Footer nicht richtig darstellt (Footer nicht am Anschluss zum content).
Im FF schließt der Footer nahtlos an, aber nicht im IE.
Bitte um Hilfe:
Danke im voraus.
HTML:
body {
background-color: #53484F;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#E8E8E8;
padding:0px;
margin:0px;
}
a {
color: #E98314;
font-size: 12px;
}
a:visited {color:#DB7093;
}
a:hover {
color: #564b47;
text-decoration: none;
}
a:active { color:#000000;}
h1 {
font-size: 11px;
background-color: #4F9D9D;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
padding:5px 0px;
margin:0px
text-align: center;
}
h2 {
font-size:20px;
font-weight: normal;
padding: 20px 10px 5px;
margin:0px;
}
img.download {vertical-align:left;}
/* ----------container zentriert das layout-------------- */
#container {
width: 100%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #D7D0D5;
height: auto;
}
/* ----------banner for logo-------------- */
#banner {
background-color: #BAAFB6;
text-align: left;
margin: 0px;
}
#banner img {padding:20px 0px 0px 40px;}
/* -----------------Inhalt--------------------- */
#content {
background-color: #D7D0D5;
padding: 0px 0px 0px 0px;
margin-left: 150px;
color: #564b47;
}
div#content {
min-height:500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px");
}
p, pre{
padding: 5px 10px;
margin:0px;
}
/* --------------left navigavtion------------- */
#left {
float: left;
width: 90px;
margin: 0px 40px;
padding: 25px 0px 40px 0px;
height: 300px;
}
a {
color: #E98314;
font-size: 14px;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin-top: 0px;
padding: 0px;
padding-bottom: 0px;
text-align: center;
}