Troubles mit CSS-Schriftformatierungen (Safari/Opera/IE)

Diskutiere mit über: Troubles mit CSS-Schriftformatierungen (Safari/Opera/IE) im Web Page Design Forum

  1. TheHazel3yes

    TheHazel3yes Thread Starter MacUser Mitglied

    Beiträge:
    367
    Zustimmungen:
    4
    Registriert seit:
    25.11.2005
    Ich entwerfe nun eigentlich schon einige Jahr lang immer wieder mal ne Homepage für meine Band (jetzt nicht unbedingt überdrüber, aber als Noob würd ich mich keinesfalls mehr bezeichnen :D ), doch mit dem Mac komme ich wohl zum verzweifeln.


    Bisher habe ich die Seiten unter Windows entworfen (mit Notepad, reiner HTML-Code + CSS-Schriftformatierung). Ich habe dabei immer Arial und Verdana verwendet.
    Nun möchte ich aber eine Serifenschrift einsetzen und Dreamweaver (ACHTUNG: NEIN, ich verwende nicht den Layout-Modus, nur den Code-Modus) schlägt freundlicherweise gleich Georgia als Fonttype vor.
    So, unter Safari gefällt mir der Entwurf nun schon ganz gut, aber mit IE und Opera sieht das leider sehr bescheiden aus. :(
    Gut, dass es leichte Unterschiede bei der Tabelle etc. gibt, das nimmt man ja noch hin, aber die Schrift ist leider nichtmal ansatzweise gleich (obwohl auf jedem System Georgia vorhanden ist).
    Ich habe das CSS schon von pt auf px umgestellt und angepasst, ändert nur leider auch nicht daran (das war meine Hoffnung).


    Könnt ihr mir denn sagen, wie ich den IE dazu bringe, die Schrift auch ähnlich darzustellen? Leider haben ja >70% der User im Internet diesen Mistbrowser.
    Mit Opera sieht die Seite schon ähnlich wie mit Safari aus, ganz gleich leider aber auch nicht (was mir nicht ganz einleuchtet).


    Danke schon mal für die Hilfe!
     
    Zuletzt bearbeitet: 17.11.2010
  2. Rupp

    Rupp MacUser Mitglied

    Beiträge:
    7.543
    Zustimmungen:
    603
    Registriert seit:
    10.10.2004
    das sind die selben schriften... tatsache ist bloß dass der IE6 keine schriftglättung unterstützt. und somit der text pixelig wirkt!
     
  3. TheHazel3yes

    TheHazel3yes Thread Starter MacUser Mitglied

    Beiträge:
    367
    Zustimmungen:
    4
    Registriert seit:
    25.11.2005
    nein, schau die bilder genau an - bei der band-seite sieht man, wie groß der unterschied ist (dank zeilenumbruch).
    ich finde, der unterschied ist gewaltig und einfach nur furchtbar
     
    Zuletzt bearbeitet: 17.11.2010
  4. TheHazel3yes

    TheHazel3yes Thread Starter MacUser Mitglied

    Beiträge:
    367
    Zustimmungen:
    4
    Registriert seit:
    25.11.2005
    so endlich, hab den fehler nun gefunden.
    für alle, die später vielleicht mal danach suchen:
    der große unterschied liegt am quirks-modus der browser. wenn der IE einen doctype nicht erkennt, geht er in einen modus, in welchem er - grob ausgedrückt - nur mist macht. deshalb die falsche schriftgröße.
    man muss also darauf achten, dass das DTD-file beim doctype angegeben wird, ich empfehle xhtml 1.0 transitional, mit xhtml 1.1 gehen iframes bei w3c leider nicht durch.


    mein weiters problem war, dass der IE aber im standard-modus beim iframe einen scrollbalken in BEIDE richtungen anzeigt, obwohl der inhalt mehr als leicht in den frame passt. opera und safari zeigen das auch richtig an.
    mit dem quirks-modus kann man das umgehen, aber dann hat man wieder das schriftgrößenproblem - die katze beißt sich in den schwanz.
    ich hab heute wohl einige graue haare mehr bekommen, dennoch hab ich endlich - nach vielen nutzlosen hinweisen - die rettung gefunden!
    beim body-tag der im iframe dargestellten dokumente muss <body style="display: inline"> verwendet werden. endlich klappt es!
    die css-formatierungen zum verbergen von scrollbalken nutzen übrigens nichts, das ignoriert der liebe IE (noch nie hab ich diesen browser wegen seiner bugs so gehasst).
     
    Zuletzt bearbeitet: 17.11.2010
Die Seite wird geladen...
Ähnliche Themen - Troubles CSS Schriftformatierungen Forum Datum
CSS Selektor - Leerzeichen Web Page Design 12.09.2015
lokale css-Anweisung für macuser.de? Web Page Design 21.07.2015
Auslagerung von Klassen in CSS-File Web Page Design 02.04.2015
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
CSS: Styling von Abonnieren-Feld Web Page Design 20.08.2014

Diese Seite empfehlen

Benutzerdefinierte Suche