|
||||
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 |
Sponsored Links |
|
|||
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. |
Sponsored Links |
|
|||
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. |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |