Frage stellen
habe schon viel Zeit mit der Suche einer Lösung verbracht und bis jetzt nichts gefunden.
Ich habe eine Layout mit mittigem Container und und abschließender Fußzeile erstellt welches super im IE7, Mozilla und Opera funktioniert.
In älteren IE Versionen schiebt sich der Footer nach oben links.
Welcher Hack funktioniert wirklich?
Danke schon mal.
Hier der CSS Code:
- Code: Alles auswählen
body {
background-image: url(pics/bg.jpg);
background-repeat: repeat-x;
background-color: #FF0000;
background-attachment: fixed;
}
#wrapper {
position:absolute;
height:auto;
width: 850px;
left:50%;
margin-left:-425px;
background-color: #000000;
border: 2px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #FFFFFF;
text-align:left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 80px;
padding-left: 10px;
top: 20px;
}
#content {
float:left;
border: 1px none #999999;
height: auto;
width: 850px;
padding:0px;
list-style-image: url(pics/x.jpg);
list-style-type: none;
letter-spacing: normal;
line-height: 120%;
}
#content img {
border: 1px solid #333333;
padding: 7px;
margin: 5px;
}
#content td {
border:thin solid #333333;
text-align: left;
vertical-align: top;
padding: 10px;
white-space: normal;
line-height: normal;
}
#contentcontact {
float:left;
border: 1px none #999999;
height: auto;
width: 630px;
padding:0px;
list-style-image: url(pics/x.jpg);
list-style-type: none;
letter-spacing: normal;
line-height: 120%;
}
#galerie {
float:left;
border: 1px none #999999;
height: auto;
width: 850px;
padding:0px;
list-style-image: url(pics/x.jpg);
list-style-type: none;
letter-spacing: normal;
line-height: 120%;
}
#galerie td {
border:thin none #333333;
text-align: left;
vertical-align: top;
padding: 10px;
white-space: normal;
line-height: normal;
}
#sidebar {
float:right;
border: 1px none #999999;
height: auto;
width: 200px;
padding:5px;
text-align:center;
}
#footer {
clear:both;
padding:5px;
text-align:left;
color: #CCCCCC;
bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
display:none;
}
#bottom {
position: fixed;
height: 60px;
width: 1000px;
bottom: 0px;
left:50%;
margin-left:-500px;
padding: 0px;
clear: both;
background-color: #000000;
border: 2px solid #FFFFFF;
}
#bottom img {
text-align: center;
}
}
#anfahrt {
float:right;
text-align: left;
vertical-align: top;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #999999;
}
a:active {
color: #FFFFFF;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
text-align: center;
letter-spacing: 0.3em;
}
