Darstellungsprobleme im Safari
Eingetragen von flobweb (34)am 12.05.2009 - 12:54 Uhr in
Hallo zusammen,
tüftel seit einiger Zeit an einer Internetseite. Alle Browser, sogar der IE, stellen alles so dar wie es sein soll. Nur der Safari macht mir einen Strich durch die Rechnung und macht alles wie er will. Weiß einer woran das liegt? hier der Link: www.example.de
Das Theme basiert auf dem Dreamy Theme und ist hier und da verändert worden.
Ich hoffe mir kann jemand weiterhelfen. Ich hab nämlich keine Ahnung wie ich das hinkriegen soll.
Gruß flobweb
- Anmelden oder Registrieren um Kommentare zu schreiben
Die Frage ist ob du dir das
am 12.05.2009 - 12:57 Uhr
Die Frage ist ob du dir das wirklich antuen willst für Safari zu optimieren. Safari ist ein nicht alzu verbreiter Browser
klar ist das erstmal
am 12.05.2009 - 13:00 Uhr
klar ist das erstmal zweitrangig weil er nicht so verbreitet ist. in allen anderen browsern funktionierts ja auch. trotzdem würde ich halt gerne noch den safari mit unter den hut bekommen. die seite ist jetzt schon gut 3 monate online. jetz hab ich halt die zeit mich auch um sowas zu kümmern. von daher... ja. ich will die seite jetzt auch noch für den safari optimieren.
was aber viel komischer ist. wieso erkennt er die ganzen css befehle nicht?
CSS
am 12.05.2009 - 13:05 Uhr
Moin!
Naja, Du verwendest ziemlich exessiv
!important, obwohl das überhaupt nicht nötig ist. Wenn Du "normale" CSS Anweisungen verwendest, zeigt auch der Safari das so an, wie Du des gerne hättest.Mach also Deine Anweisungen ohne
!important, dann sieht es auch überall gleich aus.@Iglos: das hat nichts mit Optimierung zu tun. Optimieren muss man (wenn überhaupt) für den IE. Safari kann CSS.
hth,
Stefan
--
es soll ja wirklich schonmal jemand eine Lösung für ein Problem gefunden haben, indem er danach gesucht hat...
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
habs ohne !important
am 12.05.2009 - 13:18 Uhr
habs ohne
!importantprobiert. genau das selbe Problem! die farben der überschriften, die borders, die list-styles werden alle nicht übernommen. Irgendwie erkennt er das nicht.was mir in den ersten 5
am 12.05.2009 - 13:25 Uhr
was mir in den ersten 5 sekunden auffält:
.node .title a, #main .title {style.css (Linie 389)
color:#B4C835;
font-weight:normal;
letter-spacing:0;
}
.title, .title a {style.css (Linie 382)
color:#777777;
font-size:1.5em;
font-weight:bold;
margin:0 auto;
grenz es genauer ein, d.h. gib mehr IDs/Klassen bei doppelten Sachen an.
Wenn das zweitere immer nur bei z.b. blogs auftritt, dann pump die klasse .blogs mit rein wenn du verstehst was ich meine.
validiere dein CSS und
am 12.05.2009 - 14:18 Uhr
validiere dein CSS und HTML
du hast zb. zweimal die ID sidebar-bottom benutzt, überprüfe dein css nochmal, safari spielt normalerweise nach ähnlichen regeln wie ff
... fuer den Safari extra Formatierungen definieren ...
am 12.05.2009 - 15:05 Uhr
Man kann fuer den Safari in der CSS Datei extra Formatierungen definieren die auch nur von ihm interpretiert werden.
Short example snippet, real used:
.toolbox {
float: left;
margin: 0 0 0 0;
position: relative;
top: -40px;
left: 0px;
}
/* Opera 9 Formatierung (muss vor der Safari Formatierung stehen) */
@media screen and (min-width: 0px) {
.toolbox {
top: -37px;
}
}
/* Safari Formatierung */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.toolbox {
top: -33px;
}
}
Diese Art der CSS Formatierungen fuer den Safari und den Opera verwende ich selbst - ist als kein Copy and Paste von irgend einem Google-Suchergebniss.
Etwas aehnliches gibt es auch fuer den IE6 und IE7.
Falls Du Probleme hast mit dem IE8 dann suche hier auf DC nach meinem Modul mit dem man den IE8 in den IE7-Modus versetzen kann.
------------------------
Quiptime Group
Da geht noch was.
Browser-Hacks
am 12.05.2009 - 15:23 Uhr
Moin.
Die Formatierungen, die der Originalposter haben möchte, sind durchaus auch ohne spezielle Browserhacks möglich.
Nochmal: verwende klare CSS-Anweisungen (ruhig auch mal spezifischer werden), dann funktioniert das auch in (nahezu) jedem Browser.
Stefan
--
es soll ja wirklich schonmal jemand eine Lösung für ein Problem gefunden haben, indem er danach gesucht hat...
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
@Stefan, Du hast absolut
am 12.05.2009 - 15:53 Uhr
@Stefan,
Du hast absolut Recht.
Mein Hinweis auf die extra Browser-Formatierungen setzt auch solch validen CSS Code vorraus. Ohne diesen wird man mit solchen Formatieren nicht weit kommen und eher Schaden anrichten als denn positive Ergebnisse erzielen. Solche Formatierunge sind allerdings manchmal der allerletzte Feinschliff. Die Betonung liegt auf Letzt.
------------------------
Quiptime Group
Da geht noch was.
Danke an alle. Ich weiß
am 12.05.2009 - 19:02 Uhr
Danke an alle. Ich weiß nicht was ich jetzt gemacht hab, dass alles funktioniert. Es geht auf jeden Fall.