Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Darstellungsprobleme im Safari

Eingetragen von flobweb (34)
am 12.05.2009 - 12:54 Uhr in
  • Themes & Theming
  • Drupal 5.x oder neuer

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

‹ [gelöst] Schrifttyp bei ZEN einstellen Darstellung einer Webform für einen Knoten ändern ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Die Frage ist ob du dir das

Eingetragen von Iglos (90)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

klar ist das erstmal

Eingetragen von flobweb (34)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

CSS

Eingetragen von stBorchert (6003)
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...

  • Anmelden oder Registrieren um Kommentare zu schreiben

habs ohne !important

Eingetragen von flobweb (34)
am 12.05.2009 - 13:18 Uhr

habs ohne !important probiert. genau das selbe Problem! die farben der überschriften, die borders, die list-styles werden alle nicht übernommen. Irgendwie erkennt er das nicht.

  • Anmelden oder Registrieren um Kommentare zu schreiben

was mir in den ersten 5

Eingetragen von Iglos (90)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

validiere dein CSS und

Eingetragen von lloyyd (136)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

... fuer den Safari extra Formatierungen definieren ...

Eingetragen von quiptime (4972)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Browser-Hacks

Eingetragen von stBorchert (6003)
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...

  • Anmelden oder Registrieren um Kommentare zu schreiben

@Stefan, Du hast absolut

Eingetragen von quiptime (4972)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke an alle. Ich weiß

Eingetragen von flobweb (34)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • gepatchte PHP Version 7.4 für Windows
  • Canvas Palette: Eine fertige Komponentenbibliothek für Drupal Canvas
  • Hilfe zu Updates oder Composer
  • Vergleich Drupal und Contao
  • [geloest] Blocks in Bootstrap nebeneinander darstellen und nicht untereinander
  • DrupalCamp Frankfurt 27-28 November 2026
  • Bitte mein Bentzerkonto löschen
  • Beim Aufruf einiger Inhalte erhalte ich folgende Fehlermeldung
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
Weiter

Neue Kommentare

  • Evtl. versuchen auf PHP 8 zu wechseln
    vor 4 Stunden 14 Minuten
  • Danke Schmittrich. Die Frage
    vor 1 Tag 19 Stunden
  • Keine Antwort auf die Frage nach dem Woher
    vor 1 Tag 22 Stunden
  • Danke ich werde mir die
    vor 5 Wochen 6 Tagen
  • Vielen Dank für Ihren
    vor 6 Wochen 2 Tagen
  • Composer ist sehr ratsam
    vor 6 Wochen 4 Tagen
  • Vielen Dank für den
    vor 6 Wochen 6 Tagen
  • Die alten CMS Vergleiche von contentmanager.de
    vor 7 Wochen 7 Stunden
  • Gut gemacht
    vor 7 Wochen 7 Stunden
  • Layout Builder etc. z.B. für Landing Pages
    vor 7 Wochen 7 Stunden

Statistik

Beiträge im Forum: 250321
Registrierte User: 20570

Neue User:

  • AnthonyhoF
  • Philiphelve
  • Robertspaft

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 13 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association