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

  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
Weiter

Neue Kommentare

  • Arrrrg. Nix Tabelle :-D /*
    vor 1 Tag 4 Stunden
  • Textboxen mit Tabelle
    vor 1 Tag 11 Stunden
  • Du sollst ja auch keine
    vor 1 Tag 11 Stunden
  • Theme
    vor 1 Tag 12 Stunden
  • Welches Theme benutzt du
    vor 1 Tag 17 Stunden
  • Mit Responsive Raster hatte
    vor 2 Tagen 7 Stunden
  • Hallo Alex,um das Häkchen
    vor 2 Tagen 16 Stunden
  • Modul view_unpublished
    vor 3 Tagen 19 Stunden
  • Modul "override node options"
    vor 4 Tagen 13 Stunden
  • Im Grunde ist dass ein
    vor 6 Tagen 19 Stunden

Statistik

Beiträge im Forum: 250270
Registrierte User: 20477

Neue User:

  • Robertnobia
  • AltonRaf
  • JeffreyPaf

» Alle User anzeigen

User nach Punkten sortiert:
wla9463
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 20 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