zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE 6 Footer Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.01.2007, 13:50
Benutzerbild von tech-nik
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2005
Beiträge: 28
tech-nik befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.01.2007, 14:09
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.01.2007, 14:31
Benutzerbild von tech-nik
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2005
Beiträge: 28
tech-nik befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 12.01.2007, 14:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 12.01.2007, 14:37
Benutzerbild von tech-nik
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2005
Beiträge: 28
tech-nik befindet sich auf einem aufstrebenden Ast
Standard

ja, das ist wahr. Aber was hat dies jetzt mit dem Problem zu tun?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Sticky Footer Problem - Scrollbar img CSS 5 05.03.2011 18:51
Problem mit bild und footer! Pumpkin CSS 0 01.11.2008 23:21
Dynamischer Footer - Problem beim IE6 iweim CSS 0 23.02.2008 13:09
Footer Problem Xevi CSS 12 17.02.2008 15:48
(Footer) Problem mit IE7 Nightuser CSS 5 17.05.2007 17:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:06 Uhr.