Schriftproblem im IE

    Hallo,


    ich habe gestern mal meinen blog testweise im IE aufgerufen und siehe da es sieht kacke aus.

    Die Schrift in den Beiträgen überlappt sich.

    Wie kann ich das ändern, so ist das ja überhaupt kein akzeptabler Zustand?

    Danke vorab

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    #content {
    margin: 1em 215px 1.5em 15px;
    font-size: 1.1em;
    }
    #content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
    }


    #content ist der Chef,
    der Chef gibt allen Elementen , die unter ihm dienen, den Befehl: Deine Schrift sei 1.1em (101%)mal so groß wie die Schriftgröße sonst im Blog,

    #content h2 hat dann den Befehl die Schriftgröße um 2.1 (201%)em nochmal größer zu machen als content:

    62% ist der Standard--davon 101% für den content--wiederum davon 201 % mal mehr für die Überschrift,
    die Schrift muss so groß sein --wurde ihr ja angeschafft ;)

    nimm mal bei #content die font-size raus,

    und sieh nach, ob es dann besser passt

    lg

    wird sind am richtigen Weg
    es ist bereits wesentlich kleiner,
    es ist locker um die Hälfte kleiner
    jetzt noch
    #content h2 einfach kleiner machen

    und
    #content p font-size:0.9em; ausprobieren



    edit:

    #content h2 a {
    text-decoration: none;
    }
    #content h3 {
    padding: 0 0 0 17px;
    margin: .5em 0;
    font-size: 1.4em;
    }
    #content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
    }
    #content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
    }
    #content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
    }
    #content .meta {
    font-size: .9em;

    da ist auch noch Schriftgröße definiert

    lg

    Bin mal durch die CSS Datei gewandert und habe einiges auskommentiert, was mit fontsize zu tun hatte.
    Gut ich denke aber dass es nix bringt, da die Elemente ( h5 h4...) von mir, zumindest nicht bewusst, eingesetzt worden sind.

    Ich wusste nicht was ich mit content.meta anfangen soll und dachte, und ich war verwundert, dass die div storycontent ( das ist das übel imo) in der CSS nicht näher ausgezeichnet ist.

    ich habe dann mal versucht die content meta in das storycontent umzuschreiben aber auch dies war nicht von Erfolg gekrönt.

    Was jetzt?

    ich habe bei
    body{
    ...
    statt der Kurzschreibweise:
    font:...
    aufgesplittert in
    font-size:0.9em;
    font-family:.....

    daraufhin wurde gleich alles viel kleiner

    dann bei

    #content:{font-size:1em;..


    und die #content h2{font-size:1.2em;

    sieht schon wesentlich besser aus :-)

    lg

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden