✔ mit Doctype keine vollständige Seite mehr

[knorck]

Hallo Leute!
Wenn ich bei meiner Seite einen Doctype angebe (ob nun "strict" oder "transistional" ist egal, es kommt beides auf das Gleiche hinaus), dann zeigt er folgendes an:
Im IE6: nur die Navigation, keinen Inhalt.
In FF 1.5 und Opera 8.51: alles, außer den korekten Hintergrund vom "alles" div. (Das ist ein "billiges design" Logo.) Bei "strict" sieht man noch ein kleines bisschen Logo.

Schaut es euch doch mal an...
strict: http://valle.cwsurf.de/doctype/strict.html
oder mit doctype: transitional: http://valle.cwsurf.de/doctype/transitional.html

Ich habe alle .css Dateien mit dem W3C CSS Validator kontrolliert.
Außerdem natürlich auch die HTML Datei mit dem HTML Validator. Das Ergebnis ist bei der "strict" und "transitional'' Version:
This Page Is Valid HTML 4.01 Transitional! oder eben Strict!
Kontrolle:
http://validator.w3.org/check?uri=http://valle.cwsurf.de/doctype/strict.html
http://validator.w3.org/check?uri=http://valle.cwsurf.de/doctype/transitional.html


Das ist ja alles kein Problem, wenn es nicht so viel einfacher wäre und ich den doctype weg lasse. Dann sieht es nämlich (zumindest in IE6, FF 1.5 und Opera 8.51 - Windows XP SP2) super normal aus. -> Kontrolle dort: http://valle.cwsurf.de/doctype/ohne.html
Könnt ihr mir helfen? Ich verzweifele beinah.

 

[Maik]

Wird für ein HTML-Dokument kein Doctype deklariert, werden die Browsers in den sog. Quirksmodus versetzt. Die Strict- und Transitional-Variante (mit URI) versetzen die Browsers in den Standardmodus.

Siehe hierzu auch CSS 4 You - The Finest in Stylesheets: Workshop Doctype-Switch: Teil 2 - Browser-Übersicht.

Ich kann mir aber nur schwer vorstellen, daß es unmittelbar an den Dokumenttyp-Deklarationen liegt.

Vielmehr vermute ich den Grund in den CSS-Dateien, sprich in den unterschiedlichen CSS-Formatierungen, die die Formatierungen der zuvor aufgerufenen CSS-Datei wieder überschreiben.

Im Falle des IE, der von allen Browsers den größten Darstellungsfehler erzeugt, wird es dann wohl an den Formatierungen in der CSS-Datei ie.css liegen.

 

[knorck]

Das kann nicht.
Ich habe es anhand der ie.css Datei und der allgemein.css Datei kontrolliert.
Ich habe alle Eigenschaften nur einmal stehen sehen.
In der allgemein.css die Eigenschaften für IE und für die neueren Browsers und in der ie.css die Eigenschaften allein für den IE.

Die uur.css Datei kann der IE nicht lesen. (Das muss auch so, weil sich anders keine feststehenden Elemente realiseren lassen.)
Das es aber an den CSS Dateien liegt, darüber bin ich nun im Klaren.
Guck mal hier: valle.cwsurf.de/doctype/ohnecss.html

Aber wie, warum und wieso?

 

[Maik]

Wieso der IE die Seite nicht vollständig anzeigt, kann ich jetzt auch nicht nachvollziehen

Wenn ich testweise folgende CSS-Eigenschaften in der ie.css auskommentiere / deaktiviere, wird das Content-DIV in der Strict- und Transitional-Variante angezeigt:

#content {
/*position:absolute;*/
/*bottom:0px;*
/*top:0px;*/
/*left:20px;*/
padding-right:20px;
padding-left:15px;
padding-top:20px;
padding-bottom:40px;
width:100%;
height:100%;
overflow:auto;
z-index:3;
}

 

[knorck]

Wie kann das? Ich habe diese Eigenschaften nötig ... ?

Vielleicht darf man nicht top und bottom: zugleich definieren ?

 

[Maik]

Die CSS-Eigenschaften top und bottom dürfen sehr wohl kombiniert werden, nur errechnet der IE nicht die resultierende Blockhöhe aus diesen Koordinaten, wie es die modernen Browsers machen.

 

[knorck]

Dann frage ich mich noch immer ab, wie es kommt, dass der das nur im Quirksmodus berechnen kann. ?
Ich will doch gerne, dass meine Seiten "Valid" sind (am besten auch strict). Aber so geht das ja nicht echt?
Kann es sein, dass es evtl. dann doch besser ist den doctype wegzulassen?

 

[Maik]

Entweder lässt du die Doctype-Deklaration für das Dokument weg, oder du überarbeitest die CSS-Formatierungen, damit's mit der Strict-Variante funktioniert.

So können beispielsweise keine Elemente innerhalb eines Elements fest positioniert werden, das selbst nicht positioniert ist. Das Ergebnis siehst du an dem Logo, das derzeit "abgeschnitten" wird, da das DIV#alles nicht nach unten ausgedehnt wird.

 

[knorck]

Dann muss ich mich mal an eine überarbeitung machen ... naja, so schwierig darf es nicht werden ... vielleicht dauert es nur etwas länger. Beim nächsten mal beginne ich einfach gleich beim Beginn mit einem doctype.

Vielen Dank für deine Hilfe michaelsinterface.