+ Antworten
Ergebnis 1 bis 7 von 7

Thema: Internet-Explorer Überschriften zerstückelt

  1. #1
    Neu an Board Avatar von mampfi
    Registriert seit
    03.05.2007
    Beiträge
    42
    Bedankte sich
    8
    1 Danksagung in 1 Beitrag

    Standard Internet-Explorer Überschriften zerstückelt

    Meine Seite www.zahlhaas-datentechnik.de:

    Es soll ja Leute geben, die verwenden den Internet Explorer als Browser ;-)

    Wenn ich die mit dem IE (bei mir Version 6) aufrufe, dann erscheinen die überschriften zerstückelt.

    Die sind mit <h1> realisiert, das Tag ist in der template.css geändert.

  2. #2
    Kommt häufiger vorbei
    Registriert seit
    07.09.2009
    Beiträge
    466
    Bedankte sich
    4
    Erhielt 113 Danksagungen
    in 110 Beiträgen

    Standard

    Zitat Zitat von mampfi Beitrag anzeigen
    Meine Seite www.zahlhaas-datentechnik.de:

    Es soll ja Leute geben, die verwenden den Internet Explorer als Browser ;-)

    Wenn ich die mit dem IE (bei mir Version 6) aufrufe, dann erscheinen die überschriften zerstückelt.

    Die sind mit <h1> realisiert, das Tag ist in der template.css geändert.
    Also ich kann es momentan nur mit dem IE8 anschauen und ich kann jetz nichts zerstückeltes erkennen, könntest nen screen davon machen und die css eintraäge für die h1 tags posten bitte. danke.

  3. #3
    Neu an Board Avatar von mampfi
    Registriert seit
    03.05.2007
    Beiträge
    42
    Bedankte sich
    8
    1 Danksagung in 1 Beitrag

    Standard

    Der Screenshot (müsste eigentlich ie_problem heissen ;-)

    http://www.zahlhaas-datentechnik.de/...h1_problem.JPG

    Lässt man die h1 aus der template.css raus, dann kommen die Überschriften korrekt aber unschön.

    Und die h1-Definition:

    h1 {
    padding: 0;
    font-family:Helvetica ,Arial,sans-serif;
    #font-size: 3em;
    #font-weight: bold;
    vertical-align: bottom;
    #color: #666;
    color: darkgreen;
    text-align: left;
    width: 100%;

  4. #4
    Kommt häufiger vorbei
    Registriert seit
    11.11.2007
    Beiträge
    260
    Bedankte sich
    2
    Erhielt 79 Danksagungen
    in 78 Beiträgen

    Standard

    Kopiere deine CSS Datei in eine neue CSS Datei.

    Diese nennst du ie6.css

    Dann bindest du folgenden Code in deine index.php im >head>-Tag deines Templates ein:

    Code:
    <!--[if IE 6]>
    <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/ie6.css" rel="stylesheet" type="text/css" /> 
    <![endif]-->
    Nun passt du die neue ie6.css an, so dass es passt.
    Wenn ich dir helfen konnte würde ich mich über einen Klick auf Danke freuen!

  5. #5
    Kommt häufiger vorbei
    Registriert seit
    07.09.2009
    Beiträge
    466
    Bedankte sich
    4
    Erhielt 113 Danksagungen
    in 110 Beiträgen

    Standard

    Zitat Zitat von mampfi Beitrag anzeigen
    Der Screenshot (müsste eigentlich ie_problem heissen ;-)

    http://www.zahlhaas-datentechnik.de/...h1_problem.JPG

    Lässt man die h1 aus der template.css raus, dann kommen die Überschriften korrekt aber unschön.

    Und die h1-Definition:

    h1 {
    padding: 0;
    font-family:Helvetica ,Arial,sans-serif;
    #font-size: 3em;
    #font-weight: bold;
    vertical-align: bottom;
    #color: #666;
    color: darkgreen;
    text-align: left;
    width: 100%;
    nimm mal die "#" vor den den 3 angaben weg rest müsste passen also nix ie feindliches drin sonst dann muss es an was anderes liegen aber jetz test erstma die raute rauszunehmen

  6. #6
    Neu an Board Avatar von mampfi
    Registriert seit
    03.05.2007
    Beiträge
    42
    Bedankte sich
    8
    1 Danksagung in 1 Beitrag

    Standard

    Raute rausnehmen hat leider auch nicht gefunzt.

    (Das h1 vom Original wurde angepasst,eigentlich bräuchte ich nur das h1-Tag größer und farbig)

  7. #7
    Neu an Board Avatar von mampfi
    Registriert seit
    03.05.2007
    Beiträge
    42
    Bedankte sich
    8
    1 Danksagung in 1 Beitrag

    Standard

    Also, ich hab jetzt ein bißchen herumprobiert, die Schrift wird (im IE) umso mehr abgeschnitten, je größer die font-size wird. Bei 1.9em ist meines Erachtens die Schmerzgrenze erreicht.
    Der Firefox hat natürlich keine Schwierigkeiten.

    h1 {
    padding: 0;
    font-family:Helvetica ,Arial,sans-serif;
    font-size: 1.9em;

    color: green;
    text-align: left;
    width: 100%;
    }

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein