Hallo,
ich hab ein Design umgesetzt mit max- und min width.
Da der IE 6 das nicht kann, hab ich ihm prozentwerte für die width gegeben. So weit so gut, aber irgendwie checkt er das mit dem Footer nicht.
Das gesamte Design soll zentriert sein und eine width von 95% haben, die Width für den Footer klappt aber irgendwie nicht. Je nachdem welche Fenstergröße man hat, ist er zu kurz oder zu lang, bei 1024 Auflösung sieht es richtig aus.
Könnt ihr mir weiterhelfen?
Die Ursprünglichen Styles für die anderen Browser sehen so aus, und funktionieren auch tadellos.
Code:
#zentrieren {
text-align:center;
position:absolute;
top:25%;
left:0px;
width:100%;
height:1px;
overflow:visible;
}
#eigentlich {
top:-117px;
position:absolute;
text-align:left;
margin-left:-50%;
left:50%;
width:100%;
}
#nonfooter {
position:relative;
min-height:450px;
height:100%;
width:99,9%;
max-width:1000px;
min-width:745px;
border:2px solid #620E0D;
background-color:#F8EDDA;
margin:0px auto;
padding:0px;
background: #F8EDDA url(../images/balken.gif) repeat-y left;
}
#footer{
position:relative;
width:99.9%;
max-width:1000px;
min-width:745px;
height:20px;
margin:0px auto;
margin-top:-24px;
color:#231F20;
border:2px solid #600;
}
#head {
position:relative;
min-width:720px;
margin-left:30px;
height:99px;
background-image:url(../images/verlauf.jpg);
background-repeat:repeat-x;
background-position:left;
}
#inhaltzusammen {
width:97%;
max-width:57em;
min-width:41em;
float:left;
padding:0px 0em 0px 1.5em;
margin:0px -1.5em 0px 0em;
}
#inhalt
{
float:left;
width:48%;
min-width:20em;
max-width:26em;
padding:0px 1.5em 0px 0em;
margin:0px 0px 10px 0px;
border-right:2px solid #620E0D;
height:100%;
}
#inhalt2
{
float:left;
width:48%;
min-width:20em;
max-width:26em;
padding:0px 0px 0px 1.5em;
margin:0px 0px 20px 0px;
}
Hier diese Styles überschreibe ich wenn jemand mit IE 6 auf der Seite ist.
Code:
#nonfooter {
width:95%;
}
#footer{
width:98%;
}
#head {
width:100%;
}
#inhaltzusammen {
width:80%;
}
#inhalt {
width:45%;
}
#inhalt2 {
width:45%;
}
Ansehen könnt ihr euch das ganze
hier
Danke für die Hilfe.
Viele Grüße, Tech-nik