Ich betreue eine Seite der Freiwilligen Feuerwehr unter Verwendung von YAML. Der erste Beitrag auf der Startseite hat zur Überschrift einen für mich unerklärbaren Abstand im IE7 - bitte um Hilfe. (Bei aktuelleren Versionen rennt das einwandfrei)

Freiwillige Feuerwehr Hochwolkersdorf - FF Howodo

Ich habe auch die Datei iehacks.min.css eingebunden ...

Da wird für den IE8- per JS ein leeres header-Element zum Leben erweckt und der IE7- dehnt es aus, als ob Text drinstände.

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Hallo

Na ja, das ist nur die halbe Miete. Die "iehacks.min.css" funktioniert nur richtig, wenn yaml gemäß der Anleitung genutzt wird. Und da ist leider im Quelltext schon ziemlich herumgepfuscht worden.

Beim ersten Durchsehen ist mir folgendes aufgefallen: Zum einen sind DIVs angelegt worden, die die vorgesehen DIVs von Yaml stören. Zum andern sind Änderungen in der base.css durchgeführt worden. Dort dürfen aber grundsätzlich keine Änderungen durchgeführt werden. Yaml reizt die Cascadierung des CSS aus und Änderungen dürfen nur in den untergeordneten bzw. selbst angelegten CSS-Dateien durchgeführt werden.

Von daher sind bei der bisherigen Vorgehensweise zukünftige Probleme bereits vorprogrammiert.

Nebenbei ist es ein Rückschritt, mit YAML4 ein starres Layout wie aus dem letzten Jahrtausend zu erstellen. Wenn man ein festes Layout möchte sollte man von Yaml4 die Finger lassen. Sich in Yaml einzuarbeiten, um es korrekt anwenden zu können, lohnt nur, wenn man auch die Möglichkeiten wie das integrierte "Responsive Design" nutzen will.

Konkret zum IE 7-Problem: Da für Yaml4 unzulässige Änderungen vorgenommen wurden und Yaml4 recht komplex ist, lässt sich die Ursache kaum genau eingrenzen. Ältere IE haben aber Probleme mit einem pixelgenauen Layout bei gefloateten Elementen. Da eh' bereits das von Yaml vorgesehen Konzept gestört ist, könntest du versuchen, die margins vom DIV ym-col3 etwas zu vergrößern. Normalerweise wird das von Yaml automatisch korrigiert, aber nur, wenn die Yaml-Elemente korrekt benutzt werden.

Gruss

MrMurphy

Die Ursache für das von ihm gepostete Problem lässt sich ganz genau eingrenzen (siehe mein Vorpost)

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)