Zum Inhalt springen

css und browserkompatibilität

Erstellt am 2. Dezember 2005 · 15 Antworten · letzte Antwort am 6. Dezember 2005

Tags: Frage

louis ·

Seit einiger Zeit tüftle ich mit typo3 rum. Von Anfang an setzte ich auf reine css Layouts. Entsprechend teste ich die Darstellung jeweils vor dem Einziehen einer Vorlage in typo3.

Doch neuerdings stelle ich fest, dass der geliebte IE eine Ausrichtung im "Rohbau" korrekt wiedergibt, jedoch sobald ich das template in typo3 integriert hab, dies nicht mehr schafft. Zur Info: unter Verwendung von templavoila.

Woran kann das liegen?

Grüsse
louis

theo ·
louis schrieb

...Zur Info: unter Verwendung von templavoila.

SoSo..., und Du glaubst, daß das genug an Infos ist?
Meine Glaskugel ist leider in reparatur, sonst könnte man Dir vielleicht helfen...

louis ·

Glaskugeln vertraue ich wenig ... deshalb eine weitere Ergänzung der Frage:

Als Beispiel: ich baue eine einfache Seite auf bestehend aus html und css file (div sektoren etc.). Ich teste die Darstellung in Mozilla und IE. Alles scheint gut, Darstellung wie gewünscht etc.
Ich lade diese zwei Files in den template Folder (als Beispiel wenn ich mit templavoila arbeite) und setze die Marker an den entsprechenden Stellen (content, mainMenu, subMenu). Im Resultat, also im Frontend, sehe ich dann jedoch, dass IE den container wieder nach links geschoben hat, während Mozilla hier nach wie vor korrekt darstellt. Da ich jedoch die Vorlagen, wie gasagt, geprüft hatte, muss irgendwas, irgendwo gesetzt worden sein innerhalb von typo3.
Ich hoffe, dies ist nun klarer. Jedenfalls schon einmal herzlichen Dank für die schnelle, erste Antwort.
Grüsse
louis

theo ·
louis schrieb

Im Resultat, also im Frontend, sehe ich dann jedoch, dass IE den container wieder nach links geschoben hat, während Mozilla hier nach wie vor korrekt darstellt.

Schön, daß Du das Resultat siehst... 😉

Wen Du uns schon keinen Link geben kannst/willst, dann poste doch bitte den Quelltext sowohl von der typo3-Seite, als auch eben den der fehlerfreien Variante.

db ·
louis schrieb

Doch neuerdings stelle ich fest, dass der geliebte IE eine Ausrichtung im "Rohbau" korrekt wiedergibt, jedoch sobald ich das template in typo3 integriert hab, dies nicht mehr schafft. Zur Info: unter Verwendung von templavoila.

Na gut. Ich habe meine Kristallkugel mal poliert und konnte schemenhaft etwas erkennen 😃

Du benutzt den aktuellen IE 6 und erzeugst mit Typo3 XHTML Dokumente. Ja?

Dann liegt es vermutlich am Doktype:

<?xml version="1.0" encoding="iso-8859-1"?>

Diesen setzt Typo3 (korrekterweise) an den Anfang des HTML-Dokuments. Das führt beim IE jedoch dazu, daß er in den Quirks-Mode schaltet und sich verhält wie ein IE 5, der das Box-Modell fehlerhaft darstellt. Daher kommen dann die Darstellungsprobleme.

Beim Erstellen des Dokuments (mit Deinem HTML_Editor) hast Du den Doktype vermutlich nicht drin (->Kristallkugel) und deshalb arbeitet Dein IE dann im Standards.Mode und hat die Darstellungsprobleme nicht.

Lösung: Da man den Doctype nicht unbedingt braucht, einfach weglassen oder ->Doctype-Switch benutzen.

Viele Grüße

theo ·
Norman2k schrieb
db schrieb

...
Lösung: Da man den Doctype nicht unbedingt braucht, einfach weglassen oder ->Doctype-Switch benutzen.
...

Na da sagt das W3C aber was ganz anderes! 😃 http://www.w3.org/QA/Tips/Doctype

Da ist die bedeutend bessere Lösung den Doctype-Switch zu benutzen!

Ihr verwechselt da was:

db hat richtigerweise geschrieben, daß man die xml-Deklaration, die er auch zitiert hat, weglassen kann, da sie optional ist. Leider hat er es als Doctype bezeichnet, aber das war sicher nur ein kleiner Patzer am Rande...

@Norman2k:
Hättest Du das Posting von db genauer gelesen, dann wäre es Dir mit Sicherheit aufgefallen, denn geswitcht wird nur die xml-Deklaration innerhalb des Doctypes... 😉

Norman2k ·

Ich bitte dich! Guck mal auf die Uhr, der Post von mir kam um 7:27 und ich hatte mir noch nicht die Kanüle für meine Kaffee-Infusion gelegt. Da kann man nicht erwarten das man die Sachen hier aufmerksam liest! #giggle#
Muss ich dir Recht geben, hatte wirklich nur "Doctype" gelesen aber nicht wirklich registriert das db "nur" die xml-Deklaration meinte. :o

Norman

theo ·
Norman2k schrieb

Ich bitte dich! Guck mal auf die Uhr, der Post von mir kam um 7:27 und ich hatte mir noch nicht die Kanüle für meine Kaffee-Infusion gelegt.

Selber schuld... 😃

P.S.: Da louis sein Problem anscheinend nicht mehr behandelt haben möchte, können wir ja den Thread eigentlich schließen lassen, oder? 😉

db ·

Hallo,

sorry, da habe ich tatsächlich gepatzt...

Natürlich kann der Doctype nicht als ganzes weggelassen werden, sondern nur die XML-Deklaration.

@Norman2k Lass Dir Deinen Kaffee schmecken 😃

louis ·

Meine lieben Leute!
Mich haut das um! Ehrlich, es freut mich riesig, dass ihr so schnell und so ausführlich antwortet!!! Entschuldigung auch dass ich mich erst jetzt wieder melde, aber ich muss auch noch andere Dinge tun im Leben, und typo3 gehört in meine Freizeit. Jedenfalls werde ich die Frage mit den Doctypes ansehen ... ja, tatsächlich hab ich mir das auch schon überlegt und ein wenig daran rumgeschraubt ... aber ich kenne mich da nicht sonderlich gut aus.
Ich werde hier das Resultat posten, wird allerdings wohl Montag sein.
Nochmals vielen Dank!
louis

louis ·

So, nach einigem Testen bin ich vielleicht etwas weiter ... vor allem nervlich weiter, bzw. näher am Abgrund.
typo3 überschreibt die Doctype, u.a. ohne den URI beizubehalten.
Konkret:
In meiner Designvorlage steht:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Danach steht:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Falls sich nochmals jemand damit befassen möchte: ich wäre froh um Hilfe, bin auch bereit die Vorlage grundlegend zu ändern.

Grüsse
louis

louis ·

So, da bin ich nochmals.
Also zuerst noch die Bemerkung, dass ich die schnellen Antworten sehr schätze. Doch finde ich es stossend, dass ein thread einfach abgeschossen wird, wenn man nicht innerhalb von 24h stellung nehmen kann. es gibt doch noch ein leben ausserhalb von typo3 ...
lösung, für die, die es interessiert zu meinem problem:
es lag nicht an typo3, bzw. der überschriebenen doctype deklaration. trotz sorgfältiger prüfung vor dem hochladen, fehlte eine anweisung im css zur günstigen steuerung auch des IE.
siehe:
http://barrierefrei.e-workers.de/workshops/ie-fun/fixing.php

der IE benötigt die anweisung
text-align: center
im body. mozilla spurt schon richtig, wenn die entsprechenden container zentriert sind.
so, das wars ...
vielen dank!
louis

theo ·
louis schrieb

...Doch finde ich es stossend,...

?? Das Wort sagt mir in dem Zusammenhang nichts.

louis schrieb

... dass ein thread einfach abgeschossen wird, wenn man nicht innerhalb von 24h stellung nehmen kann...

Niemand hat hier was "abgeschossen". Das entspringt Deiner Phantasie.

louis ·
theo schrieb
louis schrieb

...Doch finde ich es stossend,...

?? Das Wort sagt mir in dem Zusammenhang nichts.

i.e. "störend", "komisch" ...

louis schrieb

... dass ein thread einfach abgeschossen wird, wenn man nicht innerhalb von 24h stellung nehmen kann...

Niemand hat hier was "abgeschossen". Das entspringt Deiner Phantasie.

Phantasie finde ich gut. Hier aber ging es mir um etwas anderes:
was bedeutet denn die Fackel vor dem Thema? Deute ich das falsch?

wie auch immer, lass gut sein. ich bleibe lieber beim thema selbst, wenngleich ich auch die art und weise der kommunikation sehr schätze, und dies tue ich in diesem Forum ... deshalb bin ich ja hier.
vielleicht weisst du gerade eine antwort auf meinen aktuellen post zu gdlib? (s. installationsprobleme/linux)?
grüsse
louis

theo ·
louis schrieb

was bedeutet denn die Fackel vor dem Thema? Deute ich das falsch?

Ja. Kannst ja mal probeweise Deinen Mauszeiger über die Fackel schieben... 😉

louis schrieb

vielleicht weisst du gerade eine antwort auf meinen aktuellen post zu gdlib?

Nö.