iBlog2: Probleme der Anzeige beim IE, FF ok

    Hallo zusammen,
    ich habe mir die Tage einen Blog mit dem Theme iBlog2 auf http://www.wo-finde-ich-wen.de aufgesetzt.
    Da ich immer im FF surfe ist mir das Problem noch nicht aufgefallen.
    Jedoch im IE gibt es folgende Probleme:
    Die Beschreibung ist nicht unter dem Titel sondern daneben
    Die Tag auf der Startseite sind verschoben
    Die Links im Footer sind nicht korrekt
    Kann mir hier wer helfen?
    Ich wäre euch dankbar!
    Wenn ihr noch Infos dazu braucht, die kann ich gerne liefern.

    • 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

    Also zuerst mal ist Dein Theme nicht valide:
    http://validator.w3.org/check?verbose=…e-ich-wen.de%2F

    Ist schwer zu sagen, ob das die Ursache ist, aber es hilft zumindest bei der Fehlersuche nicht gerade. ;-)

    Davon abgesehen sieht die Seite im IE8 so ziemlich genauso aus wie im FF 3.5. Im IE7 sind die Fehler allerdings zu sehen. Wenn sie bei einem validen Theme immer noch auftreten, würde ich sagen, sind das mal wieder IE-Bugs.

    ... Obwohl... Bei der Blogbeschreibung kommt es mir zumindest merkwürdig vor, dass die gefloatet ist. Muss sie eigentlich nicht. Geh mal ins Stylesheet in Zeile 86 und entferne "float: left;". Dann mal testen, ob das in FF und IE gut aussieht.

    Hi, danke der schnellen Antwort.

    Das das Theme nicht valid ist weiß ich, habe mich schon dran versucht, aber ich scheitere schon hier:

    PHP
    <?php if(get_option('custom-header')):?>
                <a href="<?php echo get_settings('home'); ?>"><img class="headerimage" src="<?php echo get_option('custom-header');?>" alt="<?php bloginfo('name'); ?>"/></a>
            <?php else:?>
                      <h1 class="blogtitle"><a href="<?php echo get_settings('home'); ?>">
<div class="sheen"></div><?php bloginfo('name'); ?></a></h1>
                      <div class="description"><?php bloginfo('description'); ?></div>
            <?php endif; ?>

    und zwar ist das hier nicht gültig, ich will es aber nicht löschen, da hier ein SCRIPT eingefügt wird wenn der Browser IE ist:

    Code
    <div class="sheen"></div>

    Das mit dem FLOAT hab ich mal geändert, aber dann ist es im FF auch verschoben, aber anders als im IE.

    Also ich habe jetzt mal noch mit W3C das Design etwas mehr validiert, es sind noch 4 Fehler drin, die aber meiner Meinung nach nicht relevant sind.

    Ich kucke mal noch in die CSS Validation rein.

    Das Problem oben mit der Beschreibung unter dem Titel sollte jetzt behoben sein, da hat ein CSS-Attribut gefehlt.

    Was jetzt noch an Problemen da ist:
    - der Footer ganz unten (jedoch: wenn ich die Seiten ausblende im Theme, rutscht das Menü im IE 6 nicht nach unten, also sollte das an der Klasse bottomnav liegen, der Code hier:)

    Code
    .bottomnav {
    background: #fff;
    border: 1px solid #bbb;
    margin: -1em 0;
    padding: 5px 1em;
}

    - die Stichworte zu den Artikeln sind etwas nach unten verschoben im IE 6

    Und halt die runden Ecken, aber das ist im Moment nicht so entscheidend für mich!

    Dank euch für eure Hilfe!

    Zitat

    - der Footer ganz unten (jedoch: wenn ich die Seiten ausblende im Theme, rutscht das Menü im IE 6 nicht nach unten, also sollte das an der Klasse bottomnav liegen, der Code hier:smile:

    Das wird mit dem negativen Margin zu tun haben, denke ich. Hat vielleicht die Box darüber einen weißen Hintergrund und die Navigation rutscht darunter statt darüber? Probier mal, der Klasse in einem IE-Stylesheet "zoom: 1;" zuzuweisen (Stichwort "has Layout IE", falls Du googlen magst, ist fast ein Allheilmittel für IE-Bugs).


    Zitat

    - die Stichworte zu den Artikeln sind etwas nach unten verschoben im IE 6

    Das war aber nur leicht verschoben, oder? Da würde ich mir ehrlich gesagt keine Mühe mit machen, solange es nutzbar ist und nicht direkt kaputt aussieht. Wer mit dem IE6 surft im Jahre 2009 ist eh selber Schuld, und der IE7 ist nun eigentlich auch nicht mehr speziell aktuell.

    Ja, sehr schön. Im IE7 sind Details wie Abstände etwas anders und die runden Ecken fehlen, aber da lohnt es nicht Zeit zu investieren. Es sieht aber nichts mehr kaputt aus und man kann alle Navigationen richtig benutzen. IE6 habe ich jetzt nicht getestet. Freut mich, dass ich helfen konnte. :-)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden