IE und Firefox

Dieses Thema im Forum "Design" wurde erstellt von san, 14. August 2006.

  1. san

    san Member

    Registriert seit:
    14. August 2006
    Beiträge:
    11
    Zustimmungen:
    0
    Nachdem ich meine Seite soweit eingerichet habe, habe ich sie mir auf IE und Firefox angesehen... komischerweise sieht die Website auf den beiden Browsern jeweils anders aus.
    Genau genommen ist nur die Schrift im Navigation Bar auf Firefox nicht korrekt [hab sie eingestellt auf Verdana, 1.1. em - aber sie wird als was anderes angezeigt auf Firefox].
    Weiß jemand wieso?
     
  2. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
    Gib uns ein Link, Codeschnipsel etc. und dir wird hier garantiert viel schneller geholfen als du denkst.

    Wirklich ...
     
    #2 telekommander, 14. August 2006
    Zuletzt bearbeitet: 14. August 2006
  3. san

    san Member

    Registriert seit:
    14. August 2006
    Beiträge:
    11
    Zustimmungen:
    0
    CSS für den "Inhalt" der Navigation tabs ist wie folgt eingestellt:

    #navi a {
    text-decoration: none;
    font: 1.1em normal verdana;
    color: Maroon;
    }

    Auf IE wird auch der font "Verdana" angezeigt, aber nicht in Firefox.
     
  4. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
    Hm, ja ...

    Erfahrungen zeigen das es wohl eher ein IE ist der zicken macht.
    Evtl. versteckt sich noch irgendwo eine andere ( zweite ) Definition im Stylesheet, oder ein CSS-Hack, oder ...
    Nun sind deine Infos ausgesprochen dünn, um irgendwelche Rückschlüsse zuziehen.

    Lass es mich deshalb mal vorsichtig so erklären:
    Wenn dich deine Mutti mit 'nem Einkaufszettel losschickt, nimmst du von diesem Zettel doch nicht nur die ersten 2 Zeilen mit, oder doch? :wink:
    Oder hier : http://forum.wordpress-deutschland.org/showthread.php?t=7297
     
  5. san

    san Member

    Registriert seit:
    14. August 2006
    Beiträge:
    11
    Zustimmungen:
    0

    HAHA... sehr witzig... ich habe halt im ganzen Stylesheet, was ich Dir gerne auch nochmal posten kann, sämtliche anderen Schriftarten entfernt und es auf "Verdana" begrenzt, daher kann ich mir nicht erklären, warum überhaupt eine andere Schriftart in meinem Blog auftaucht [Firefox oder IE hin oder her].


    /*
    Theme Name: 12 apostles
    Theme URI: http://www.topspotseo.com/roblog/
    Description: This picture was taken at the 12 Apostles, South West from Melbourne along the Great Ocean Road. In my opinion one of the most specatular sights in Australia.
    Author: Ronan Menton
    Author URI: http://www.topspotseo.com/roblog/
    Version: 1.00
    .
    General comments/License Statement: None
    .
    */

    body {
    background: #0E0E10
    text-align: center;
    padding: 1em 0;
    font: 62.5% verdana;
    background-color: #C1C1C1;
    }



    a {
    color: Maroon;
    }

    a:hover {
    color: #00008B;
    text-decoration: none;
    }

    hr {
    display: none;
    }

    img {
    border: none;
    }

    ins {
    text-decoration: none;
    border-bottom: 1px dashed #eee;
    }

    acronym, abbr, dfn {
    border-bottom: 1px dashed #eee;
    font-style: normal;
    }

    blockquote {
    border-left: 5px solid #C1C1C1;
    margin: 1em 0;
    padding: 10px;
    background: Black;
    width: 470px;
    font: bold;
    color: White;
    }

    code, pre {
    color: #FFF277;
    font-family: verdana;
    color: Black;
    }

    .bild-links {
    float: left;
    margin: 0 15px 3px 0;
    }

    .bild-rechts {
    float: right;
    margin: 0 0 3px 15px;
    }

    .center {
    text-align: center;
    }

    .search-button {
    font-size: 1em;
    font-weight: normal;
    border: 1px solid Black;
    background: #303A52;
    color: #ffc;
    padding: 1px 2px;
    }

    #container {
    margin: 0 auto;
    text-align: left;
    width: 730px;
    border-bottom: 5px solid #eee;
    background: url(images/container.gif);
    line-height: 150%;
    font: normal;
    color: Black;
    }

    #header {
    height: 205px;
    background: url(images/bahn.jpg) no-repeat;
    font: bold;
    color: #00008B;
    }

    #header h1 {
    font: italic 22px verdana;
    color: #fff;
    line-height: 80px;
    padding: 0 15px;
    color: Maroon}

    #header h1 a {
    color: #fff;
    text-decoration: none;
    color: Maroon}

    #navi {
    float: right;
    width: 200px;
    color: Black;
    }

    #navi-innen {
    padding: 0 15px 10px 15px;
    color: Black;
    }

    #navi h2 {
    font: small-caps normal 1.6em verdana;
    margin: .8em 0 .2em 0;
    color: Black;
    }

    #navi ul {
    list-style: none;
    margin: .4em 0 1em 0;
    padding: 0;

    }

    #navi ul li ul {
    margin: .2em 0 .4em .5em;
    }

    #navi a {
    text-decoration: none;
    font: 1.1em normal verdana;
    color: Maroon;
    }

    #navi .navi-search {
    margin-bottom: 3px;
    background: #eee;
    font-size: 1.5em;
    width: 150px;
    border: 1px solid #300000;
    }

    #content {
    margin: 1em 215px 1.5em 15px;
    font-size: 1.1em;
    color: Black;
    }

    #content h2 {
    font: bold 1.5em verdana;
    margin: 5px 0;
    color: Maroon}

    #content h2 a {
    text-decoration: none;
    color: Maroon};
    }

    #content h3 {
    padding: 0 0 0 17px;
    margin: .5em 0;
    font-size: 1.4em;
    color: Black;
    }

    #content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
    color: Black;
    }

    #content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
    color: Black;
    }

    #content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
    }

    #content .meta {
    font-size: .9em;
    }

    #content .feedback {
    margin: 15px 0 15px 0;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #60687B;
    color: Black;
    }

    #commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
    color: #00008B;
    }

    #commentform {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #300000;
    background: #303A52;
    font: bold;
    color: White;
    }

    #commentform textarea {
    background: #eee;
    }

    #commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #eee;
    border: 1px solid #300000;
    width: 180px;
    color: Black;

    }

    #footer {
    clear: both;
    margin: 3em 15px 0 15px;
    padding: 5px;
    text-align: center;
    font-size: .8em;
    color: #600000;
    }
     
  6. telekommander

    telekommander Well-Known Member

    Registriert seit:
    3. August 2005
    Beiträge:
    1.140
    Zustimmungen:
    0
    Das war absolut ernst gemeint !

    Ok:

    1.) Semikolon fehlt ! Und schon macht die Schriftart stress!
    body {
    background: #0E0E10
    text-align: center;
    padding: 1em 0;
    font: 62.5% verdana;
    background-color: #C1C1C1;
    }


    2.) Ne Klammer zuviel:
    #content h2 a {
    text-decoration: none;
    color: Maroon};
    }


    3.) Fehlen in diesem Theme viele Tags, speziel bei Listen der <ul> -Tag z.B. im nach <h2>Archiv ...

    4.) Ist diese Theme ein Rip den im Header steht das als Kommentar:
    <!--
    Red Train: Template for Wordpress 1.5
    (c) by Vladimir Simovic aka Perun
    www.vlad-design.de and www.perun.net
    ...

    Es ist also wahrscheinlich lediglich das Stylesheet geändert wurden.

    5.) <body topmargin="0"> Schon ewig nicht mehr gesehen.

    6.) Möchte ich dir diesen Link ans Herz legen: http://validator.w3.org/ und diesen auch : http://jigsaw.w3.org/css-validator/validator-uri.html

    7.) Mach was draus.
     
  7. san

    san Member

    Registriert seit:
    14. August 2006
    Beiträge:
    11
    Zustimmungen:
    0
    Besten Dank!

    Ich bin halt noch Anfänger und mir sind solche Dinge wie Semikolon etc. nicht aufgefallen, weil ich daran ja nichts verändert habe [wie gesagt, nur die Namen anderer Schriftarten entfernt].

    Trotzdem, man muss mich ja nicht gleich wie ein "Dummchen" behandeln... ich hätte das auch anders verstanden.
     
  8. san

    san Member

    Registriert seit:
    14. August 2006
    Beiträge:
    11
    Zustimmungen:
    0
    Was ist ein "rip"?
     
  9. san

    san Member

    Registriert seit:
    14. August 2006
    Beiträge:
    11
    Zustimmungen:
    0
    Mag sein, dass das Stylesheet nicht ganz korrekt ist [funktioniert aber]...

    der Fehler lag bei folgendem:
    #navi a {
    text-decoration: none;
    font: 1.1em normal verdana;
    color: Maroon;
    }

    rot musste gelöscht werden - dann funktioniert es auch in firefox.

    nichts für ungut.