|
|||
Bekomme CSS Frames in IE6 nicht hin...
Hallo Leute,
nachdem ich mir die Stu nicholls Seite zu Gemüte geführt habe und auch mein Layout zu 90% in allen für mich wichtigen Browsern (Opera, FF, Safari, IE7, IE6) hinbekommen habe, schaffe ich es trotzdem nicht den Contentbereich für den IE so einzupassen, dass der Scrollbereich nicht unterhalb der Fußzeile endet. Mein Contentdiv ist immer länger als die Seite selbst und scrollt daher auch tiefer als ich möchte. Hat vielleicht jemand eine Idee, was im CSS noch anpassen muss, damit es auch dieser Browser halbwegs ordentlich ausgibt? Vielen Dank für Eure Hilfe iceman Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Layouttest</title> <style type="text/css"> <!-- html { margin: 0px; padding: 0px; height: 100%; width: 100%; overflow: hidden; max-height: 100%; } body { margin: 0px; padding: 0px; height: 100%; width: 100%; overflow: hidden; max-height: 100%; } .block_default { padding: 0px; height: 100%; max-height: 100%; width: 780px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; background-color: #FFFF99; overflow: hidden; } .block_default .block_content { background-color: #FFFFFF; z-index: 1; padding: 20px; margin: 0px; overflow: auto; position: absolute; left: 120px; top: 105px; right: 120px; bottom: 20px; } * html .block_default .block_content { width: 500px; height: 100%; top: 0px; bottom: 0px; border-top: 105px solid #000; border-bottom: 100px solid #000; } .block_default .block_header { margin: 0px; padding: 0px; height: 105px; width: 780px; position: absolute; top: 0px; background-color: #00FFFF; overflow: hidden; z-index: 4; display: block; } .block_default .block_left { padding: 0px; height: auto; width: 120px; position: absolute; left: 0px; background-color: #FF0000; float: left; margin-top: 105px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 50%; overflow: hidden; z-index: 2; } * html .block_default .block_left { height: 50%; } .block_default .block_lefthack { padding: 0px; height: auto; width: 120px; position: absolute; left: 0px; bottom: 0px; background-color: #FF0000; float: left; margin-top: 105px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 50%; overflow: hidden; z-index: 1; } * html .block_default .block_lefthack { height: 50%; bottom: -1px; } .block_default .block_right { padding: 0px; height: auto; width: 120px; position: absolute; right: 0px; background-color: #FF6600; float: right; margin-top: 105px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 50%; overflow: hidden; z-index: 2; } * html .block_default .block_right { height: 50%; } .block_default .block_righthack { padding: 0px; height: auto; width: 120px; position: absolute; right: 0px; bottom: 20px; background-color: #FF6600; float: right; margin-top: 105px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 50%; overflow: hidden; z-index: 1; } * html .block_default .block_righthack { height: 50%; bottom: -1px; } .block_default .block_footer { padding: 0px; height: 20px; width: 660px; position: absolute; bottom: 0px; background-color: #00FF00; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 120px; overflow: hidden; float: right; z-index: 3; } * html .block_default .block_footer { bottom: -1px; } --> </style> </head> <body> <div class="block_default"> <div class="block_content"> <a href="#bottom">Lorem</a> ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <a name="bottom"></a> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,</div> <div class="block_header">Header</div> <div class="block_lefthack"></div> <div class="block_left">Left</div> <div class="block_righthack"></div> <div class="block_right">Right</div> <div class="block_footer">Footer</div> </div> </body> </html> |
Sponsored Links |
|
|||
Dann geh dort nochmal hin, besuche das Beispiel, das du als Grundlage für deinen Code verwendet hast, und schau dir an, was bei Stu Nicholls dort in der ersten Zeile steht.
|
Sponsored Links |
|
|||
Ist es.
Zitat:
IE < 7 muss in den Quirks-Modus! Überleg doch mal, warum dein Inhaltsbereich zu hoch ist. Und dann überleg, welche Auswirkung der Box-Model-Bug hat. Und dann überleg, wann der Box-Model-Bug auftritt. |
|
|||
Deshalb schrieb ich in meiner "tollen Antwort" auch von der ersten Zeile, nicht von der zweiten.
Zitat:
Zitat:
Die sinnvollste für diesen Fall beschreibt Stu Nicholls in seinen FAQ unter Punkt 5. Bitte frag Google nach dem "Doctype Switch". Das gehört zu den Dingen, die man wissen sollte. |
|
|||
Zitat:
habe eine Frage dazu. Verwende auch auf eine Seite das Stu Nichols Konstrukt. Hat auch immer wunderbar funktioniert, da das "bescheuerte" CMS das hier verwendet wird immer so nen Kommentar in die erste Zeile des HTML Codes geschrieben hat, dadurch war der IE 6 im Quirksmodus. Nun haben wir ne neue CMS Version bekommen und der Kommentar ist weg. Also ist der IE6 nicht mehr im Quirksmodus und das Layout geht im IE 6 nicht mehr. IE7 und Firefox kein Thema. Da ich in den Quellcode so nicht eingreifen kann meine Frage, wie ich den IE6 sonst noch in den Quirks-Modus bekomme? Geht das irgendwie? Ohne dass man in die ersten Code-Zeile eingreifen kann? Ich kann in den head reinschreiben bzw. auch in den body und hab CSS Zugriff, aber auf den Doctype oben hab ich keinen Einfluss. Danke und Grüße Jorainbo |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Relaunch - vorher Frames - jetzt CSS | coolpixel | CSS | 3 | 31.08.2010 20:53 |
JQuery - Druckprobleme mit Frames im IE6 | 123benjamin | Javascript & Ajax | 0 | 07.11.2008 09:58 |
Tabs mit CSS - Problem mit IE6 | crush41 | CSS | 2 | 01.02.2008 15:48 |
IE6 Problem mit CSS Menü | träumer | CSS | 2 | 15.01.2007 17:55 |