zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bekomme CSS Frames in IE6 nicht hin...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.01.2008, 09:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2008
Beiträge: 13
iceman_fx befindet sich auf einem aufstrebenden Ast
Standard 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.01.2008, 10:54
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von iceman_fx Beitrag anzeigen
nachdem ich mir die Stu nicholls Seite zu Gemüte geführt habe
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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.01.2008, 12:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2008
Beiträge: 13
iceman_fx befindet sich auf einem aufstrebenden Ast
Standard

ganz tolle antwort. als wenn es so einfach wäre.

den doctype habe ich auch bereits getestet, aber es bewirkt nichts.
Mit Zitat antworten
  #4 (permalink)  
Alt 24.01.2008, 12:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von iceman_fx Beitrag anzeigen
ganz tolle antwort. als wenn es so einfach wäre.
Ist es.

Zitat:
den doctype habe ich auch bereits getestet, aber es bewirkt nichts.
Es geht um das, was vor dem Doctype steht.
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.
Mit Zitat antworten
  #5 (permalink)  
Alt 25.01.2008, 09:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2008
Beiträge: 13
iceman_fx befindet sich auf einem aufstrebenden Ast
Standard

OK, dort steht noch ein Kommentar.

Soll das heißen, dass der IE6 diesen Kommentar auswertet?
Bzw., wie bekomme ich denn den IE6 in den Quirksmodus?

VG
iceman
Mit Zitat antworten
  #6 (permalink)  
Alt 25.01.2008, 10:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von iceman_fx Beitrag anzeigen
OK, dort steht noch ein Kommentar.
Deshalb schrieb ich in meiner "tollen Antwort" auch von der ersten Zeile, nicht von der zweiten.

Zitat:
Soll das heißen, dass der IE6 diesen Kommentar auswertet?
Wenn du "in den Quirksmodus fallen" als auswerten wertest, dann: ja.

Zitat:
Bzw., wie bekomme ich denn den IE6 in den Quirksmodus?
Es gibt viele Methoden.
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.
Mit Zitat antworten
  #7 (permalink)  
Alt 25.01.2008, 14:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2008
Beiträge: 13
iceman_fx befindet sich auf einem aufstrebenden Ast
Standard

OK, vielen Dank für Deine Hilfe.

Ich werde Dr.Google mal besuchen, mal sehen was er sagt.
Mit Zitat antworten
  #8 (permalink)  
Alt 12.03.2008, 13:46
Benutzer
neuer user
 
Registriert seit: 04.07.2004
Beiträge: 36
jorainbo befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Deshalb schrieb ich in meiner "tollen Antwort" auch von der ersten Zeile, nicht von der zweiten.


Wenn du "in den Quirksmodus fallen" als auswerten wertest, dann: ja.


Es gibt viele Methoden.
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.
Hallo,

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
Mit Zitat antworten
  #9 (permalink)  
Alt 12.03.2008, 13:58
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wenn Du tatsächlich den Doctype nicht ändern und auch nichts davorschreiben kannst, bekommst Du den IE nicht in den Quirksmode. Die Idee "Rendering-Mode per Meta-Tag bestimmen" kam erst vor einigen Monaten während der Entwicklung des IE 8 auf
Mit Zitat antworten
Sponsored Links
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
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


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