Maximale Breite des Blogs neu festgelegt
Ihr habt es ja nicht anders gewollt!
Damit es keine überlangen Zeilen im Blog mehr gibt, habe ich die maximale Breite (max-width) nun auf 60em herunter gesetzt. Damit sollte die Zeilenlänge in diesem Blog grundsätzlich unter 80 Zeichen (Buchstaben, Leerzeichen, Satzzeichen etc) bleiben. Dies gilt in Sachen Lesefreundlichkeit als maximale Zeilenlänge.
Damit dann das Blog nicht am linken Rand “festklebt”, habe ich in der Datei basemod.css dieses auf dem CSS-Framework YAML basierenden WordPress-Themes Blitzblank für den Container (DIV, Box) page_margins margin-left:auto und margin-right:auto sowie border:1px solid #666 hinzugefügt. Dadurch bekommen alle modernen Browser das Block horizontal zentriert angezeigt und das Blog ist mit einem dünnen Rand umgeben.
Für den Safari 3.1 habe ich als Schmankerl schon mal die Datei css-3.css um den Schatteneffekt für den unteren und rechten Rand des Blogs ergänzt.
Nur die Benutzer des Internet Explorers 5 bis 6 müssen noch etwas warten. Dieser Browser kennt keine maximale Breite über max-width und bedarf deshalb einer Sonderbehandlung. Der werde ich mich aber erst in den nächsten Tagen widmen. Interessierte können sich ja schon mal die Ausführungen hierzu in der YAML-Dokumentation ansehen. Alternativ sei auch auf die Seiten 142 bis 146 sowie 294 bis 296 des Buches “CSS-Layouts – Praxislösungen mit YAML 3.0″ von Dirk Jesse verwiesen.
Verbesserungsvorschläge und sonstige Kommentare sind wie immer herzlich willkommen.
Hallo Dieter,
die YAML-Doku ist sicherlich hilfreich, allerdings empfehle ich Dir, die IE-Expression direkt aus dem YAML-Builder zu beziehen.
Die Zeit bleibt schließlich nicht stehen und die IE-Expression aus dem YAML-Builder ist mittlerweile um einiges besser als das, was im Buch steht.
Hallo Dirk,
vielen Dank für Deinen Tipp.
Unglaublich, toll und faszinierend in welchem atemberaubenden Tempo Du YAML weiterentwickelst.
Ich werde also die IE-Expression aus dem YAML-Builder beziehen. Wird sowieso Zeit, dass ich mich endlich auch mai mit dem YAML-Builder beschäftige.
Einen schönen Sonntag wünschend
Dieter
Hi Dieter,
das zentrierte Layout gefällt mir besser, die Zeilenbreite, hätte für meinen Geschmack noch ein bisschen breiter sein dürfen… Ja, ich weiß, dass du den Empfehlungen gefolgt bist, ich mag’s trotzdem lieber ein bisschen breiter…
Fröhlichen Sonntag,
Ute
Hallo Ute,
meine persönliche Meinung ist, dass max-width eigentlich nicht notwendig ist, weil der Besucher sich die Zeilenlänge über die Fensterbreite des Browsers und/oder die Schriftgröße beziehnungsweise den Seitenzoom im Browser selbst auswählen kann.
Ich versuche es deshalb mal mit einer maximalen Breite zwischen dem Ursprungswert und jetzigem Wert.
Einen schönen Restsonntag wünschend
Dieter