Fehler bei Safari? (Oder bei mir ...)
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt Fehler bei Safari? (Oder bei mir ...) aus Sicht der Rubrik Erfahrungsaustausch.
Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.
Startbeitrag
Originaler Foreninhalt in modernisierter Darstellung.
Hallo,
für den Upgrade auf Typo3 4.3 habe ich mir eine Subdomain eingerichtet und meine aktuelle Seite darauf und in Typo3 4.3 portiert. Alles ist soweit gut.
Die neue Seite wird in FF, IE, Chrome sauber ausgegeben, nur in Safari 4.0.5 nicht.
Der mittlere Content wird viel zu schmal dargestellt.
Ach ja, die Clearfix-Methode, die diesen alten Fehler in Safari beseitigen soll, kommt zur durch den Einsatz von YAML zur Anwendung.
Meine Testseite:
Die Original-Seite:
(die sauber in Safari dargestellt wird)
Hat jemand einen Tipp für mich?
Antworten
5 Beiträgelwulfe schrieb:
Meine Testseite:
Die Original-Seite:
Mal für den Anfang. Das css ist nicht identisch?!
page_margins
Einmal max-width 75em (Testseite) und einmal 80em (Originalseite)
Gérard
gerard schrieb:
Mal für den Anfang. Das css ist nicht identisch?!
page_margins
Einmal max-width 75em (Testseite) und einmal 80em (Originalseite)
Gérard
Stimmt. Ich will bei dem Umstieg auch auf Flo´s Anregung der 1000 Pixel Breite reagieren.
Aber auch bei 80em Breite sieht es so bescheiden aus.
Hallo Lutz
Ich würde das alte CSS mal nehmen und nur die 80em durch die 75em ersetzen!
Wahrscheinlich ist da noch eine Einstellung geändert worden die sich beim Safari so auswirkt!
Wird wahrscheinlich nur eine Kleinigkeit im CSS sein!
Gruß
Jörg
Da die clearfix-Methode hier nicht zu funktionieren scheint, versuch es mal mit dem clearing durch ein zusätzliches float.
Du musst dafür folgende CSS-Eigenschaften hinzufügen (das class="clearfix" beim teaser kann dann natürlich weg):
[css]#teaser { float: left; width: 100%; }[/css]
Wenn dann noch ein Browser Probleme bereitet, könntest du dem col1-Element noch ein "clear: both;" hinzufügen.
Eine alternative würde darin bestehen, komplett auf float zu verzichten:
[css]
#teaser { text-align:right; }
#teaser div { float: none; padding: 6px 20px 4px 0; }
[/css]
(Der margin-Wert vom .aktDatum müsste dann natürlich weg.)
@Jörg: die 80em waren es nicht. Du hast Recht, dass es irgendeine Kleinigkeit im CSS ist.
@Oskar: der Tipp mit dem zusätzlich float in #teaser hat schon mal einen Teilerfolg gebracht.
Ich habe mich jetzt entschlossen, einen "Frühjahresputz" bei meinen Sourcen und Scripten zu machen. Ich hoffe, dabei auch auf die endgültige Lösung des Safari-Problems zu stoßen.
Vielen Dank erst mal!
Problem gelöst: es lag an der htaccess-Konfiguration meines Scriptmergers. Safari konnte mit den gezippten Scripts nicht richtig umgehen.
Hat mich einige Stunden gekostet, um von dem Symptom auf die Ursache zu kommen!