XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   IE 6 Footer Problem (http://xhtmlforum.de/showthread.php?t=43853)

tech-nik 12.01.2007 13:50

IE 6 Footer Problem
 
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

mazzo 12.01.2007 14:09

Prozentwerte beziehen sich auf die Angaben des Elternelements, wenn da nix steht der Grosseltern usw, bis hin zum body und html.
Anders ausgedrückt: 98% eines superschmalen Fensters sind 2% schmaler als das bereits superschmale.

Ich vermute, dass Dein Workaround so nicht klappt. Aber zum Glück gibts die FAQ und Beispiele zu min-width/max-width im IE.

tech-nik 12.01.2007 14:31

Hallo und danke für deine Antwort.

Ich möchte das ganze aber nicht mit Javascript lösen, ich hab mich dafür entschieden auf 95% width zu gehen, und das müsste doch auch gehen?

Body und HTML haben eine Width von 100%, auch die Zentrierhilfe und andere Div haben 100%, wenn die 95% für den nonfooter gehen, müsste es doch auch für den Footer gehen, dessen Elternelemente ja nur 100% width haben, oder sehe ich hier etwas nicht?

Viele Grüße, tech-nik

mazzo 12.01.2007 14:35

100% Breite sind auch bei einem 1px breiten Viewport noch erfüllt. Dann entspricht das 1px den 100% der Viewportbreite.

Es sei denn, das Elternelement des 100%-breiten Elements hat eine andere Breitenangabe (px oder em). Dann richtet sich der Prozentwert danach.

tech-nik 12.01.2007 14:37

ja, das ist wahr. Aber was hat dies jetzt mit dem Problem zu tun? ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:25 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023